Top Mozilla-Tip's >Firefoxのナビゲーションバーにあるボタンアイコンの間隔を調整する方法。
2013年10月15日

Firefoxのナビゲーションバーにあるボタンアイコンの間隔を調整する方法。

Firefoxのナビゲーションツールバーには、デフォルトでいくつかのボタンが並んでいるほか、ユーザーのカスタマイズによって様々なボタンを配置することができます。

よく使うボタンやアドオン固有のボタンをここに置いておけば様々な操作をワンタッチで実行することができますが、便利だからといってあまり多くのボタンを配置すると、バーのスペースを圧迫してしまうといったデメリットも生じてしまいます。

デフォルトの場合、ボタンとボタンの間のスペースが割と大きく取られており、特にドロップダウンリストの付いたボタンを配置したような時はかなり間隔が広く開いているように見えてしまいます。

このスペースを縮めることができれば、ロケーションバーを短くしなくても済みますし、もう少しボタンを多めに配置できたりするかもしれませんね。

そんな風に思っている方は、以下の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; }



デフォルト時とコード追記後を比べてみると、この程度のボタン数でももう一つ追加できるほどスペースが縮小しているのが確認できます。


■デフォルト


01_Firefox Navigation Bar space between.JPG


■変更後


02_Firefox Navigation Bar space between.JPG


コード内の[0px]部をお好みの数値に変更することで微調整も可能ですので、小さいアイコンを使わずにツールバーボタンにもう少し多めにボタンを置きたいという方、全体を圧縮して見栄えを変えたいというような方は、試してみてはいかがでしょうか。


<関連記事>


■FirefoxやThunderbirdに大量のツールバーボタンセットを追加できるアドオン「Toolbar Buttons」

■Firefoxの「小さい」ツールバーボタンを以前のようなスタイルにできるアドオン「Classic Small Toolbar Buttons」

posted by moziller at 12:25 | Comment(0) | TrackBack(0) | Mozilla-Tip's



この記事をはてなブックマークに登録 follow us in feedly このエントリを del.icio.us に登録 この記事をクリップ!Yahoo!ブックマークに登録
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバック