Mozilla Firefox 多段タブスレ Part.1

火狐 (ｽﾌﾟｯｯ Sd03-zceO) · 2019/12/31(火) 17:30:22.42

!extend:checked:vvvvv:1000:512
!extend:checked:vvvvv:1000:512
↑次スレ建てるときは三行になるようにコピペしてください

■Mozilla Firefox
https://www.mozilla.org/firefox/
■Mozilla Firefox リリースノート
https://www.mozilla.org/firefox/notes
■Firefox サポート
https://support.mozilla.org/ja/

-----

多段タブを実現するuserChrome.js、userChrome.css等を扱う専用スレです
相互互助にお使いください

Mozilla Firefox Part360
https://egg.5ch.net/test/read.cgi/software/1576648561/
Mozilla Firefox質問スレッド Part186
https://egg.5ch.net/test/read.cgi/software/1576910595/
Mozilla Firefox 拡張機能スレッド Part118
https://egg.5ch.net/test/read.cgi/software/1568724287/
Firefox userChrome.js greasemonkeyスクリプトｽﾚ40
https://egg.5ch.net/test/read.cgi/software/1567300946/

-----

Firefox72向けのuserChrome.js設定でウダウダする～ - Palm84 某所の日記
XBL バインドが無効になった 72 以降でも userChrome.js用スクリプトを利用する方法
多段タブ.zip
https://diary.palm84.com/entry/20191209/1575845673

VIPQ2_EXTDAT: checked:vvvvv:1000:512:: EXT was configured 👀
Rock54: Caution(BBR-MD5:68f2ed3dc652fce4c9169aaf2a727f10)

2020/01/08(水) 19:07:37.50

メソッド2a　Firefox72+ †（Palm84氏＆wiki@nothingから引用）
・userChrome.xml を削除
・ 71以前でuserChrome.css内に記述していた下記を消去　
　 toolbarbutton#alltabs-button{-moz-binding: url("userChrome.xml#js");}

・対応する『config.js』、『config-prefs.js』、『userChrome.css』、『userChrome.js』を
ttps://github.com/alice0775/userChrome.js/tree/master/72 からダウンロードする
『config.js』と『config-prefs.js』はinstall_folderからダウンロード
　※ ダウンロードは Raw を右クリックして「名前を付けて保存」、拡張子 .txt は外す

・Firefox のインストールフォルダー直下に、config.js を移動する（firefox.exe と同じ場所）
・Firefox のインストールフォルダーから、『defaults』、『pref』とフォルダーをたどり、
そこに config-prefs.js を移動する（channel-prefs.js と同じ場所）

・ Firefox のプロファイルフォルダー内に、『chrome』フォルダーを作成し、
そこに userChrome.css、userChrome.js を移動する
C:\Users\○○○\AppData\Roaming\Mozilla\Profiles\●●●.Default User￥chrome

2020/01/08(水) 19:40:21.93

Firefox72用多段タブ導入は下記を参考にして

カメとヒヨコの海外ロングステイ
ttps://kamehiyo.com/firefox72-multirowtab/

2020/01/20(月) 00:15:45.05

多段タブにした上でタブの高さを低くする方法があれば教えてください。
24pxにしたいです。

2020/01/20(月) 22:27:23.53

>>4
/*タブの高さ*/
tabs tab[fadein]:not([pinned]) {
min-height: 24px !important;
max-height: 24px !important;
}

/* ピン留めしたタブの高さ */
.tabbrowser-tab[pinned]{
min-height: 24px !important;
max-height: 24px !important;
}
これをcssに

2020/01/20(月) 23:01:37.70

>>4
ごめん忘れて
出来なかった

2020/02/01(土) 10:56:33.23

多段タブ.zip使え

終了

2020/02/02(日) 21:39:49.22

72で「多段タブ.zip」を使わせていただいています。その中の「タブの縦幅調節.txt」に従って設定しました。
しかし，2段以上の場合は良いのですが，
https://imgur.com/xFQBqZM.png
1段の場合は上に無駄な隙間があり，それをなくしたいです。
https://imgur.com/O9PTuGn.png
どの部分を調整すれば良いのか教えてください。

「タブの縦幅調節.txt」には，
>このtxtファイルのコードで、タブとタブバーあと新しいタブボタンの縦幅を調節して
>MultiRowTabLiteforFx.uc.js内に追加してあるコードで、タブバーが一段目だけの時に出来る
>上の隙間を無くすように調節するんですが
とあり，その通り設定して，上の隙間をなくすことができている方はいらっしゃいますか。

2020/02/02(日) 21:41:33.00

「タブの縦幅調節.txt」の下記に従って設定しています。

それか userChrome.css内に↓を追加してください

/* UI密度デフォルト通常 33px コンパクト 29px タッチ 41px */

/* タブバー縦幅最小値 */
#titlebar,tabs {
min-height: 24px !important;
}

/* タブ縦幅 */
scrollbox[smoothscroll="true"] {
max-height: calc(24px * 5); /* 段数(デフォルト5段) */
}
tabs tab,.tab-background {
height: 24px;
}

/* 新しいタブボタン縦幅 */
#tabs-newtab-button {
height: 23px;
padding: 1px 0 0 !important;
}
#tabs-newtab-button > .toolbarbutton-icon {
padding: 4px 6px !important;
}

2020/05/15(金) 20:00:29.20

専用スレが有ったとは知らなかったです。
76.0.1で多段タブ復活できました、ありがとう。