firefox のタブ幅

質問

以前
https://okwave.jp/qa/q10082298.html
の質問をしたものです。
このときは、希望通り縮小表示され、タブ送りボタンも表示されなかったのですが、あれから何回かfirefox を更新したらまた、タブ送りボタンが現れてくるようになりました。
てっきりuserchrome.cssが無効になったのかと思い、確認してみましたが、これは有効でした。
何が原因で元に戻ってしまったのでしょうか？

回答No.1

celtis

Firefoxはひんぱんにアップデートするので、どこかのタイミングでUIデザインの修正が入ったのかもしれません。
HTMLの構造やCSSセレクタが変わってしまうと、既存のCSSが適用されなくなってしまうでしょう。

問題の起きているFirefoxバージョンとuserchrome.cssの中身をすべて補足に追加すれば、より適切な情報が得られると思います。

下記のサイトにFirefoxデザインを編集するための、わかりやすい解説が載っています。
https://at.sachi-web.com/firefox_browser-xhtml.html

補足

ありがとうございます。
firefoxは最新版（114.0.1）を使っております。
userchrome.cssは次のようになってます。

/* タブの幅を小さくする */
.tabbrowser-tab {
min-width: initial !important;
}
.tab-content {
overflow: hidden !important;
}
#sidebar-box {
min-width: 5px !important;
max-width: none !important;
overflow-x: hidden !important;
}
/*タブをマウスオーバー時にクローズボタンを表示 */
.tabbrowser-tab:not(:hover) .tab-close-button {
display : none;

.tabbrowser-tab:not([pinned]):hover .tab-close-button {
display: block !important;
}