Mozilla Firefox 多段タブスレ Part.3 (871レス)
前次1-
抽出解除 必死チェッカー(本家) (べ) 自ID レス栞 あぼーん

リロード規制です。10分ほどで解除するので、他のブラウザへ避難してください。
860
(2): 名無しさん@お腹いっぱい。 (ワッチョイ 6b31-B3Cu) [sage] 08/03(日)02:55 ID:Y4DZOhir0(1/4)
>>859 ありがとうございます

これだけ残して検証しました

#tabbrowser-tabs {
--tab-min-height: 25px;
}

タブの高さは変わるけど1段目のタブバーの高さが固定されたままになりませんか?
862: 名無しさん@お腹いっぱい。 (ワッチョイ 6b31-B3Cu) [sage] 08/03(日)07:01 ID:Y4DZOhir0(2/4)
AIに見てもらったらどうやら
MultiTabRows@Merci.chao.uc.jsとMultiRowTabLiteforFx.uc.jsは折返しの仕様が違うことが原因ぽい

MultiTabRows@Merci.chao.uc.jsは見た目は折り返してるけど、タブバーの高さは固定されたままなので整合性が取れない
MultiRowTabLiteforFx.uc.jsは タブが多段になるとタブバーの高さも動的に変わるので整合性が高い
と言われた。修正可能か聞いたけど駄目っぽい

よくわからんけどMultiRowTabLiteforFx.uc.jsは2段目以降のバーは、実は1段目のバーの高さが折り返し分伸るだけで別に段数が増えるわけではない?
MultiTabRows@Merci.chao.uc.jsはタブ自体は折り返しているがバーが固定さてたまま折り返しの分伸びないってことっぽい?
なのでデフォルトの高さより低くすると1段しか無い時にタブだけ低くなってデフォルト分のバーの高さが残る
で、この残ってるのが2段めが消えないように見えると⋯
863: 名無しさん@お腹いっぱい。 (ワッチョイ 6b31-B3Cu) [sage] 08/03(日)08:03 ID:Y4DZOhir0(3/4)
やっと出来たー
なんとかタブバーの高さを段数に応じて折り返し可能にしてみたけど一時的な回避策です
環境次第ではおかしくなるかもです
水平間隔、垂直間隔は1px, タブのコンテンツの高さ25px用です。

/* 暫定折り返し対応策 */

#tabbrowser-tabs {
display: flex !important; /* 横並び+折り返し */
flex-wrap: wrap !important; /* 複数行に対応 */
height: auto !important;
min-height: var(--tab-min-height) !important;
--tab-overflow-clip-margin: 1px;
--tab-inline-padding: 1px;
--tab-min-height: 25px;
--tab-block-margin: 1px;
}

js内でなんとかしてほしい
870: 名無しさん@お腹いっぱい。 (ワッチョイ 6b31-B3Cu) [sage] 08/03(日)12:31 ID:Y4DZOhir0(4/4)
>>868
ありがとうございます。お疲れ様です。
問題なく動作するようになりました。

:root {
--tab-min-height: 25px !important;
--tab-inline-padding: 1px !important;
--tab-overflow-clip-margin: 1px !important;
--tab-block-margin: 1px !important;
--tab-inline-padding: 8px !important;
}

クリーンな状態で導入しなかったせいで混乱したけど
たぶんタブに色を付けてなかったら気づかなかったと思う
前次1-
スレ情報 赤レス抽出 画像レス抽出 歴の未読スレ AAサムネイル

ぬこの手 ぬこTOP 0.033s