【Firefox】 メニューバー配置の「拡張機能」の間隔を狭くする（修正版）

こんにちは、さち です。

Firefox で、拡張機能（アドオン）のアイコンをメニューバーに並べているんですが、デフォルトでは余白（間隔）が広すぎるので、「userChrome.css」を使って狭くしていました。

しかし、先日「余白」がまた広くなっている事に気づきました。Firefox の UI の構造が変わったんだと思います。

ということで、「userChrome.css」を修正していきます。

userChrome.css を修正する

1. ウィンドウを狭くすると、メニューバーにある「拡張機能」がはみ出してしまいます。修正していきましょう。
   
2. 「userChrome.css」に下記のように記述して保存します。（ハイライト部分が今回新しく追加した記述です）

   #toolbar-menubar .toolbaritem-combined-buttons {
     margin-inline: 0 !important;
   }
   #toolbar-menubar .unified-extensions-item-action-button {
     padding: 0 !important;
   }
   

3. Firefox を再起動すると「拡張機能」の間隔が狭くなり、はみ出さなくになりました。修正完了です。
   

関連記事

【Firefox 109～】 「拡張機能」アイコンをツールバーに配置（ピン留め）する方法

こんにちは、さち です。今回は、Firefox で「拡張機能」のアイコンを吹き出しの中から出して、「ツールバー」などに配置（ピン留め）する方法について書いていきます。ツールバーにある「拡張機能」アイコンの仕様が変更されたバージョン「109」

at.sachi-web.com

2023.06.02

Firefox： 「89」以降の新デザイン（Proton）の余白を狭くする

こんにちは、さち です。Firefox の UIデザイン が、バージョン89から「Proton」という新しいものに変更されました。しかし、この「Proton」、以前のデザインと比べて色々な部分の「余白」が大きいと感じます。特に、そう感じるの

at.sachi-web.com

2021.06.14

Firefox：メニューバーに配置したアドオンアイコンを右寄せにする

こんにちは、さち です。今回は Firefox Quantum（バージョン57以降）で、メニューバーに配置したアドオンアイコンを右寄せにする方法について書いていきます。ということで、メニューは左寄せにしつつ、アドオンアイコンだけを右寄せにし

at.sachi-web.com

2018.04.23

【Firefox】 「UI」のデザインを自分で調査して変更する方法

こんにちは、さち です。このブログでは、Firefox の UI デザインを変更する方法について、記事を何度か書いてきました。ただ、UI デザインの好みなんて人それぞれ。自分でカスタマイズしたいという人もいると思います。そこで今回は、自分で

at.sachi-web.com

2023.06.16