Firefox 4のウィンドウ縮小時にタブバーを最上段へ表示する方法。

Firefox 4でタブを上部に表示している場合、Firefoxボタンとタブバーが並んで最上段に表示されるようになっています。

しかし、このスタイルで表示されているのはウィンドウが最大化されているときだけで、ウィンドウが最大化でない場合はFirefoxボタンが最上段となり、その下にタブバーが表示されてしまいます。

メニューバーを出している場合はFirefoxボタンが隠れるため変化はありませんが、最大化していない時にFirefoxボタンとタブがこのように段違いのスタイルで表示されることに違和感があるという方もいらっしゃるのではないでしょうか。


■最大化時





■最大化でない時





今回は、このように最大化していない時のFirefoxボタンとタブバーを、最大化時同様タイトルバー部に表示させるCSSをご紹介します。

以下のコードをStylishの新規作成画面内に貼り付けて保存するか、[userChrome.css]内に書き込むことにより、Firefoxのウィンドウを最大化していないときでも、Firefoxボタンとタブバーを並べてタイトルバー部に表示することができるようになります。

/* Firefox 4縮小時にタブバーをタイトルバー部に表示する */

#main-window[sizemode=normal][tabsontop] #appmenu-button{padding-left: 8px !important;padding-right: 8px !important;height: 22px !important;}

#main-window[sizemode=normal][tabsontop] #toolbar-menubar[autohide="true"]{ margin-top:-20px;
-moz-padding-start:80px!important; }

#main-window[sizemode=normal] #navigator-toolbox[tabsontop] > #toolbar-menubar[autohide] ~ #TabsToolbar {
-moz-padding-start:80px!important; -moz-padding-end:110px!important; }

■CSS適用後





このように、見た目がスッキリするだけでなく、縦方向のスペースも若干稼げるようになります。

縮小時のタブバー位置が気に入らなかった方は、試してみてはいかがでしょうか。


＜関連記事＞


■メニューバー部へタブバーを移設できるFirefoxアドオン「AlphaTabs」

■Firefox 4のタイトルバーにメニューバーやボタンを設置できるアドオン「Personal Titlebar」

Comments

はじめまして、いつも情報ありがとうございます。
記事について試してみましたが、Stylishで適用すると最大化じゃないときに、最小化ボタンや最大化ボタンが効かなくなるようです。
このような状態は再現とれてませんか？

Posted by TOM at 2011年06月23日 14:16