Mozilla Firefox 多段タブスレ Part.3 (893ﾚｽ)
上下前次1-新
抽出解除 必死ﾁｪｯｶｰ(本家) (べ) 自ID ﾚｽ栞 あぼーん
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
やっと原因が分かりました
これって、前に話してた件ですよね？
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] 2025/08/03(日) 11:37:41.67 ID:lhru72SWH(3/4) AAS
>>860
--tab-block-margin も同じようにしてね
871: Merci chao (JP 0Hf3-pNjB) [mercichao@gmail.com] 2025/08/03(日) 12:33:58.53 ID:lhru72SWH(4/4) AAS
タブの高さによって、より複雑な依頼されているようです
特にドラッグ＆ドロップ処理では、正確な高さ判定が求められます。終的な高さが小数点付きになってしまうと不具合が発生するのを観察しました
当面は、なるべく Firefox のデフォルトスタイルを使用することをおすすめします
上下前次1-新書関写板覧索設栞歴
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.047s