Mozilla Firefox 多段タブスレ Part.3 (893ﾚｽ)
上下前次1-新
抽出解除 ﾚｽ栞
ﾘﾛｰﾄﾞ規制です｡10分ほどで解除するので､他のﾌﾞﾗｳｻﾞへ避難してください｡
860(2): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 6b31-B3Cu) [sage] 08/03(日)02:55 ID:Y4DZOhir0(1/4)
>>859 ありがとうございます
これだけ残して検証しました
#tabbrowser-tabs {
--tab-min-height: 25px;
}
タブの高さは変わるけど1段目のタブバーの高さが固定されたままになりませんか？
868(1): Merci chao (JP 0Hf3-pNjB) [mercichao@gmail.com] 08/03(日)11:32 ID:lhru72SWH(2/4)
>>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 に設定した場合に、他のスタイルルールの影響でタブの最終的な高さが小数点付きになってしまうためです。 おそらく視覚的なグリッチ（表示上の不具合）であり、次のバージョンで修正を試みる予定です。
869: Merci chao (JP 0Hf3-pNjB) [mercichao@gmail.com] 08/03(日)11:37 ID:lhru72SWH(3/4)
>>860
--tab-block-margin も同じようにしてね
上下前次1-新書関写板覧索設栞歴
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.031s