3(4): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 8bc0-qEsL) [sage] 2024/03/18(月) 14:15:59.81 ID:XwpMCdnY0(1) AAS
乙

24(1): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 53ef-0Kfw) [] 2024/03/23(土) 22:32:15.40 ID:p+/LhzQ40(1) AAS
これを年代別に見てみると、家族同様の付き合いしてやりたい

90(4): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ bfd7-Nz+P) [sage] 2024/04/17(水) 14:54:16.71 ID:BAHDkqlr0(1) AAS
125.0.1 OK

874(2): 870 (ﾜｯﾁｮｲ 6b31-B3Cu) [sage] 2025/08/04(月) 15:31:35.52 ID:626kAffw0(1/5) AAS
タブの垂直間隔と水平間隔を見た目上1pxしたいが1pxで指定すると実際は2pxになります
なので0.5pxで指定すると見た目上1pxになるが、アイコンと文字よりタブが下方向にずれたように見えます
環境によっては下のバーにタブが少し重なりますし、他にも色々と表示の乱れが出ますね。
対策として垂直間隔と水平間隔の余白を無くし、タブの右端と下端に背景色で'box-shadow'を使い擬似的に垂直間隔と水平間隔の余白を1pxに見えるようにしました。
多段タブや他の表示には影響は無いと思いますがどうでしょうか？

画像ﾘﾝｸ


/* タブ高さ・余白を調整する */
:root {
--tab-min-height: 25px !important;
--tab-block-margin: 0px !important;
--tab-inline-padding: 6px !important;
}

/* 通常タブの水平間隔の余白を無くす */
.tabbrowser-tab {
display: inline-block !important;
margin-inline: 0 !important;
}

/* ピン留めタブの水平間隔を無くす */
.tabbrowser-tab[pinned] {
padding-inline: 0 !important;
}

総括すると、このような感じ：画像ﾘﾝｸ


:root {
--tab-overflow-clip-margin: 1px !important; /* タブ間の水平間隔、以下の box-shadow で 1px 間隔を真似 */
--tab-inline-padding: 6px !important; /* タブの左右の余白 */
--tab-block-margin: 1px !important; /* タブ間の垂直間隔、以下の box-shadow で 1px 間隔を真似 */
--tab-min-height: 25px !important;
}

.tab-label-container {
height: auto !important;
}

.tab-content[pinned] {
padding-inline: 5px !important; /* ピン留めされたタブの左右余白 */
}

/* 以下はスクリーンショットの真似 */
.tab-background {
--background: rgb(180, 180, 180);
background: var(--background) !important;
box-shadow: 1px 1px var(--background) !important;
border-radius: 2px !important;

&[selected] {
--background: rgb(148, 163, 179);
}
}

---

936

932(1): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 19fc-yZQk) [sage] 2025/08/21(木) 00:03:25.95 ID:w05yOfS00(1/5) AAS
>>930 ありがとうございます。
調べて遅くなりましたが922=916です
お教えの様に>>909-910 を.jsでなく userChrome.cssに摘要すると
外部ﾘﾝｸ:developer.mozilla.org
等より # で始まる行が(.jsでは行コメントですが)CSSでは重複NGのIDセレクタで
909-910 の意図と合ってるのか分かってませんが

本筋： 多段タブ.zip(138+)の適用方法は下記で合ってますでしょうか？(ESR128 PortableではOKの方法)
FirefoxPortableESR_140.1.0_Japanese.paf.exe(*2)を実行しできた(続く)

775(7): 名無しさん＠お腹いっぱい。 (JP 0H4b-cVjo) [sage] 2025/06/28(土) 06:32:58.65 ID:l2xlTUVJH(2/4) AAS
>>774
書込み消えちゃった・・・

if (selectedTabs[selectedTabs.length - 1] == null){
newIndex = lastKnownIndex;
} else if (newIndex > selectedTabs[selectedTabs.length - 1]._tPos + 1)
newIndex--;
else if (newIndex >= selectedTabs[0]._tPos)
newIndex = -1;