【Firefox】 メニューバーに置いた「拡張機能（アドオン）」の間隔を狭くする

こんにちは、さち です。

私は普段、 Firefox の「ピン留め」機能を使って、拡張機能（アドオン）のアイコンをメニューバーに並べています。

ただ、仕様ではアイコン同士の余白（間隔）が広すぎるので、「userChrome.css」を使って余白を狭くしていました。

しかし、先日その効果が消えていることに気づきました。おそらく、Firefox の UI 構造が変わったんだと思います。

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

userChrome.css を修正する

1. ウィンドウが狭い状態だと、メニューバーに配置した「拡張機能」がはみ出しています。修正していきましょう。
   
2. 「userChrome.css」に下記のように記述して保存します。（初期値は「2px」）

   #toolbar-menubar .toolbaritem-combined-buttons {
     margin-inline: 0 !important;
   }

3. Firefox を再起動します。「拡張機能」の間隔が狭くなり、すべて表示されるようになりました。修正完了ですね！
   

関連記事

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

at.sachi-web.com

2023.06.02

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

at.sachi-web.com

2021.06.14

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

at.sachi-web.com

2018.04.23

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

at.sachi-web.com

2023.06.16