firefoxのタブの幅について

質問

windows10のもと、firefox の最新版（108）を使っております。
userchrome.cssでタブを縮小表示する設定をしておりました。
ところが先日windows　updateをしたあたりから、ある程度までは縮小されますが、それ以上になると、左右に不等号みたいなボタンが現れ（タブ送りボタンというそうです）、タブがスクロールされるようになってしまいました。
ちなみに、userchrome.cssはいじくってません。
自分はこのタブがスクロールされるのがいやなので、以前のように縮小表示に戻したいのですが、なぜこうなってしまったのでしょうか?
（userchrome.cssに書いてある他の設定はちゃんと機能しております）

回答No.3

zundamo · ベストアンサー

二度目の回答に書いた「タブの幅を小さくする」により小さくできるとお思うのですが。
どうでしょうか。

/* タブの幅を小さくする */
.tabbrowser-tab {
min-width: initial !important;
}
.tab-content {
overflow: hidden !important;
}

お礼

ありがとうございます。
前回の回答のものをコピーしたところ何も変わらなかったのですが、今回のものはちゃんと反映されました。
違いといえば、貼り付ける位置ですかね。
前回はuserchrome.cssの末尾に貼り付けたのですが、今回は先頭に貼り付けました。

回答No.2

zundamo

すみませんこれでしてみてください。
しかしスクロールボタンが消えてもスクロールはしてしまいます。

/* タブのスクロールボタンを消す */
#scrollbutton-up, #scrollbutton-down {
display: none !important;
}

/* タブの幅を小さくする */
.tabbrowser-tab {
min-width: initial !important;
}
.tab-content {
overflow: hidden !important;
}

以下のcssでスクロールボタンを消してスクロールしなくすることも可能です。
隠れたタブへのアクセスは V ボタンからすることになります。

#tabbrowser-tabs:not([movingtab]){ --uc-scroll-visibility: hidden; --uc-scroll-overflow: clip; }
#tabbrowser-tabs[overflow]{ --uc-scrollbox-margin: -28px }

#scrollbutton-up{ position: relative;z-index: 1 }

#scrollbutton-up,
#scrollbutton-down,
#scrollbutton-up ~ spacer{
visibility: var(--uc-scroll-visibility,visible);
}
.scrollbox-clip{ margin-inline: var(--uc-scrollbox-margin,0); }
#tabbrowser-tabs[overflow][positionpinnedtabs] .tabbrowser-tab[pinned]{
border-left: 28px solid transparent !important;
clip-path: padding-box
}
scrollbox{ overflow: var(--uc-scroll-overflow, hidden); }

補足

ありがとうございます。
おかげでスクロールボタンは消すことができました。
あとはタブの幅を狭くできればいいのですが。
ネットでいろいろ調べてやってみてはいるんですが、あるところまでは小さくなるんですが、それ以上はできなくて。
以前は１０００近くのタブを開いても小さくなったんですけどね。

回答No.1

zundamo

左右のタブ送りボタンを消えればいいのでしょうか。
これを追加してみてください。

#tabbrowser-arrowscrollbox::part(scrollbutton-up), #tabbrowser-arrowscrollbox::part(scrollbutton-down) {
display: none !important;
}

お礼

ありがとうございます。
このままuserchrome.cssに貼り付けてみましたが、変化なしでした。