≫ EDIT

2011年07月02日

Firefoxボタンの横のスペースいらないだろjk

少し前にもうFirefox5が出たので、とりあえずuserChromeでツールバーのいらない部分を消そうと思います。
4になってFirefoxボタンが出来ましたけれど、下の画像の様に横にある無駄なスペースがあるので無くしたい。


以下をまるごとuserChrome.cssにコピペすればおｋ。因みにmargin-topは-14から-20にしてみました。

/* タブを移動させて縦スペースを拡大 */ #main-window[sizemode=normal][tabsontop] #appmenu-button-container { position: fixed !important; z-index: 2 !important; } #main-window[sizemode=normal][tabsontop] #toolbar-menubar[autohide="true"]{ margin-top:-20px; -moz-padding-start:70px!important; margin-left:-100px !important; } #main-window[sizemode=normal] #navigator-toolbox[tabsontop] > #toolbar-menubar[autohide] ~ #TabsToolbar { -moz-padding-start:85px!important; -moz-padding-end:110px!important; margin-left:-85px !important; }

参考：『Firefox 4』のインターフェイスにまつわる7つのイライラとその修正方法

するとこの様に。出来てはいるけど、Firefoxボタンが邪魔に。ならば消してしまおう。

/* Firefox 4 メニューボタンを非表示にする  */ #appmenu-button-container { display: none !important; }

参考：Firefox 4 のメニューボタン (Firefoxボタン) はいらない

するとこの様に。Altでメニューバーは出せますが、Firefoxボタンは欲しいかも。やっぱ表示しよう。

・Movable Firefox Button :: Add-ons for Firefox(Firefoxボタンを動かせるアイコンにする)

これはアドオンですね。Firefoxボタンを他のツールバーアイテムの様に扱えるようになります。


垂直タブだと全体はこんな感じ。測ってみるとツールバーは1cmくらい


水平タブだとこんな感じ。こちらはタブがあるので1.5cmくらい

水平タブの場合はタブの高さを低くするuserChromeを加えています。

/* Firefox 5 用 タブの高さ 5 */ .tabbrowser-tab, .tabs-newtab-button { padding: 0px 0 1px !important; }

参考：Firefox 5 タブの高さを低く調整する方法 :: Firefox Fan Club + More Browsers

まぁ実際これだと厳しいんでブックマークツールバーも表示していますけれど。
とりあえず使ってないスペースはなくなりました。