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 に設定した場合に、他のスタイルルールの影響でタブの最終的な高さが小数点付きになってしまうためです。 おそらく視覚的なグリッチ（表示上の不具合）であり、次のバージョンで修正を試みる予定です。
>>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 に設定した場合に、他のスタイルルールの影響でタブの最終的な高さが小数点付きになってしまうためです。 おそらく視覚的なグリッチ（表示上の不具合）であり、次のバージョンで修正を試みる予定です。