Palm84 某所の日記

有為のクマにかくれり～

トップ > Firefox > 【Firefox65】 userChrome.jsで多段タブ＆userChrome.cssでタブバーを下にする設定

【Firefox65】 userChrome.jsで多段タブ＆userChrome.cssでタブバーを下にする設定

Firefox

f:id:palm84:20190130072943p:plain

2019.3.4 追記

「多段タブ.zip」が進化、「タブバーを（ブックマークバーの）下にする」設定もセットになりました。

まままいどー！

例によっていつまで使えるかわからない方法なのであしからず... てなかんじです。

情報源はまいどまいどの5chスレです。お世話になります！

ご注意

ぶっちゃけややこしいんで userChrome.css, userChrome.js をわかってる人向けですのん、すみません。とか、言いつつアホな私でもできるし大して難しいわけではないのです... （´・ω・｀）

いつまで使えるかわからないし、オマカーンな不具合で ｡ﾟ(ﾟ´Д｀ﾟ)ﾟ｡ となることもあるので、その際はご容赦くだされたし。

これ以外に今まで使ってたCSS記述などは削除しといて。

関連めも

では、まず既にやってるかもですが、userChrome.css に下記を記述

/* userChrome.js 対応 */
toolbarbutton#alltabs-button {
-moz-binding: url("userChrome.xml#js");
}

/* 多段タブ時指定した段数以上になった時タブバーに出てくるスクロールバーをマウスホイールで上下出来るようにする */
#tabbrowser-tabs .tabbrowser-arrowscrollbox {
    -moz-binding: url("chrome://global/content/bindings/scrollbox.xml#arrowscrollbox") !important;
}

ほんで、多段タブ.zip 最新版をダウンロード（※ 2019/1/30 現在は URL = 1791, 日時 = 2019/01/28 14:44:07）。

お好みの MultiRowTabLiteforFx.uc.js を chrome フォルダにコピー

そん後に、Aris (Aris-t2) 氏の userChrome.css をコピペしますん（※ @import が使えない... orz）

上記CSS内容を userChrome.css の末尾にコピペで。

ほいで、メニューバーを完全に隠したい場合は下記を追記で。

ウチでは Altキー押しのメニューバー表示がちょっと重なってますけど。(;´Д`)

f:id:palm84:20190130080846p:plain

あと、Firefox_ToolBarButtons.uc.js のボタンをタブバーに置くとなんかデッカいんですけど.. ｡ﾟ(ﾟ´Д｀ﾟ)ﾟ｡

ま、いっかー (*´σｰ｀)ｴﾍﾍ

※ おっさんクサいAAばっかでごめりんこ！

タブ幅

まぁ好き好きですけども、ウチではこんなん...

.tabbrowser-tab {
    min-width: 160px !important;
    max-width: 180px !important;
}   

.tabbrowser-tab[pinned]{
   min-width: 20px!important;
}

最大 180, 最小 160, ピン留め 20 固定ですよ。

【2019.11.3 追記】70.0.1 ではこんなかんじにしてます（多段タブ.zip の受け売りｗ）...

tabs tab[fadein]:not([pinned]) {
    min-width: 180px !important; /* 最小値 デフォルト  76px */
    max-width: 200px !important; /* 最大値 デフォルト 225px */
}
【追記】Altキー押しでのメニューバー表示

ありり？できなくなってしまいました… orz

というわけで上記の画像の様に重なってしまうけど、タイトルバー表示オン ＆ メニューバー非表示 時のAltキー押しでのメニューバー一時表示を可能にしてみた。めっちゃてきとーですけど、すみません...

  1. tabs_below_navigation_toolbar_fx65_v2_force_hidden_menubar.css の記述は削除
  2. tabs_below_navigation_toolbar_fx65_v2.css の74行目の記述をちょっと変更
70: /* Windows */
71: @media (-moz-os-version:windows-win10), (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) {
72: 	/* set to '0', if no menubar is used */
73: 	#main-window:not([tabsintitlebar]):not([sizemode="fullscreen"]) #nav-bar {
74: 	  margin-top: 0 !important;
75: 	}

ほな！はいはい。