Mozilla Firefox 多段タブスレ Part.3

Mozilla Firefox 多段タブスレ Part.3 (994ﾚｽ)
上下前次 1-新

ﾘﾛｰﾄﾞ規制です｡10分ほどで解除するので､他のﾌﾞﾗｳｻﾞへ避難してください｡

868(1): Merci chao (JP 0Hf3-pNjB) [mercichao@gmail.com] 08/03(日)11:32 ID:lhru72SWH(2/4) AA×
>>860

画像ﾘﾝｸ

[240|320|480|600|100%|JPG|べ|ﾚｽ栞|ﾚｽ消]

868: Merci chao (JP 0Hf3-pNjB) [mercichao@gmail.com] 2025/08/03(日) 11:32:25.02 ID:lhru72SWH

>>860
やっと原因が分かりました

これって、前に話してた件ですよね？
https://tadaup.jp/8XlEaof47.jpg

原因は、Firefoxの組み込みスタイルルールにより、`#tabbrowser-tabs` に `min-height` が適用されており、そのルールでは `--tab-min-height` という変数に 36px が設定されているためです：
https://tadaup.jp/8U6GzQ123.jpg

一方で、`userChrome_Tab.css` では 25px に設定していて、上書きもされていないのに…
https://tadaup.jp/8UDMGrWiu.jpg

実は、`--tabstrip-min-height` が `:root` で定義、計算されているせいでした：
https://tadaup.jp/8d3nuUOV2.jpg

なので、`:root` に `--tab-min-height` を指定してあげることで、`--tabstrip-min-height` にも反映されるようになります：
https://tadaup.jp/8xpaj40yM.jpg

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

これで余白もちゃんと消えました：
https://tadaup.jp/8IyuEWHMK.jpg

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

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

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

http://egg.5ch.net/test/read.cgi/software/1710673850/868

上下前次 1-新書関写板覧索設栞歴

あと 126 ﾚｽあります
ｽﾚ情報赤ﾚｽ抽出画像ﾚｽ抽出歴の未読ｽﾚ

ぬこの手ぬこTOP 0.046s