859(1): Merci chao (JP 0Hf3-pNjB) [mercichao@gmail.com] 2025/08/03(日) 00:55:24.31 ID:lhru72SWH(1/4) AAS
>>858

userChrome_Tab.css にタブの幅を設定していたルール：

/* タブの横幅 */
.tabbrowser-tab[fadein]:not([pinned]) {
min-width: 125px !important; /* 最小値 デフォルト 76px */
max-width: 165px !important; /* 最大値 デフォルト 225px */
}

これらは上記の新バーションの設定「userChromeJS.multiTabRows@Merci.chao.tabMaxWidth」と「browser.tabs.tabMinWidth」で指定してください

ざっと見れば、これは一番怪しいです
あとでちゃんと調べてみるね

そして、userChrome_Toolbar.css にあるこれらの記述を削除し、新しい設定「userChromeJS.multiTabRows@Merci.chao.tabsAtBottom」を 1 に変更してね

#toolbar-menubar { order: 1; } /* メニューバー */
#nav-bar { order: 2; } /* ナビゲーションツールバー */
#TabsToolbar { order: 3; } /* タブバー */
#PersonalToolbar { order: 4; } /* ブックマークツールバー */

868(1): Merci chao (JP 0Hf3-pNjB) [mercichao@gmail.com] 2025/08/03(日) 11:32:25.02 ID:lhru72SWH(2/4) AAS
>>860
やっと原因が分かりました

これって、前に話してた件ですよね？
画像ﾘﾝｸ


原因は、Firefoxの組み込みスタイルルールにより、`#tabbrowser-tabs` に `min-height` が適用されており、そのルールでは `--tab-min-height` という変数に 36px が設定されているためです：
画像ﾘﾝｸ


一方で、`userChrome_Tab.css` では 25px に設定していて、上書きもされていないのに…
画像ﾘﾝｸ


実は、`--tabstrip-min-height` が `:root` で定義、計算されているせいでした：
画像ﾘﾝｸ


なので、`:root` に `--tab-min-height` を指定してあげることで、`--tabstrip-min-height` にも反映されるようになります：
画像ﾘﾝｸ


Firefoxの組み込みスタイルの方が優先度が高いみたいなので、`!important` を付けるのは必要そうです

これで余白もちゃんと消えました：
画像ﾘﾝｸ


`--tab-min-height` の挙動をちゃんと確認してなかったのは自分のミスでした…。

あと、`userChrome_Tab.css` にある `min-width` や `max-width` の指定も忘れずに削除してくださいね

タブが動いたりアニメーションする時に、わずかに揺れるような現象があります。これは、`--tab-min-height` を 25px に設定した場合に、他のスタイルルールの影響でタブの最終的な高さが小数点付きになってしまうためです。 おそらく視覚的なグリッチ（表示上の不具合）であり、次のバージョンで修正を試みる予定です。