よく使うボタンやアドオン固有のボタンをここに置いておけば様々な操作をワンタッチで実行することができますが、便利だからといってあまり多くのボタンを配置すると、バーのスペースを圧迫してしまうといったデメリットも生じてしまいます。
デフォルトの場合、ボタンとボタンの間のスペースが割と大きく取られており、特にドロップダウンリストの付いたボタンを配置したような時はかなり間隔が広く開いているように見えてしまいます。
このスペースを縮めることができれば、ロケーションバーを短くしなくても済みますし、もう少しボタンを多めに配置できたりするかもしれませんね。
そんな風に思っている方は、以下のCSSをStylishで新規作成、またはuserChrome.cssへ追記することで、ナビゲーションツールバーのボタン間隔を狭めることができるようになります。
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */ #nav-bar toolbarbutton { padding-left: 0px !important; padding-right: 0px !important; }
デフォルト時とコード追記後を比べてみると、この程度のボタン数でももう一つ追加できるほどスペースが縮小しているのが確認できます。
■デフォルト
■変更後
コード内の[0px]部をお好みの数値に変更することで微調整も可能ですので、小さいアイコンを使わずにツールバーボタンにもう少し多めにボタンを置きたいという方、全体を圧縮して見栄えを変えたいというような方は、試してみてはいかがでしょうか。
<関連記事>
■FirefoxやThunderbirdに大量のツールバーボタンセットを追加できるアドオン「Toolbar Buttons」
■Firefoxの「小さい」ツールバーボタンを以前のようなスタイルにできるアドオン「Classic Small Toolbar Buttons」
