Firefoxでサイドバーを表示してもタブバーを縮めないで済むユーザースタイル「Firefox 3 Sidebar Below The Tabbar」

Firefoxのタブバーには、できるだけ多くのタブを表示したいものですが、サイドバーを表示した場合、タブバーがその分狭くなってしまいます。

また、サイドバーでコンテンツなどを表示しているような時に、サイドバーを広げたりすると、さらにタブバーが圧縮され、ますます使いにくくなってしまいますね。

タブバーが縮まるということは、一つ一つのタブの表示面積が減るということで、当然ながらタイトルなどもだんだん見にくくなってしまいます。

こうした状況を避け、サイドバー利用時でも常にタブバーを表示できる面積を固定できるユーザースタイルが「Firefox 3 Sidebar Below The Tabbar」です。

「Firefox 3 Sidebar Below The Tabbar」は、Firefoxに「Stylish」をインストールしている方がご利用になれるユーザースタイルです。

＊Stylishユーザーは配布ページ内の、[Load into Stylish]ボタンをクリックするだけで適用できます。

スタイルを適用すると、サイドバーを開いた状態でもタブバーが一番左側まで表示されたままとなり、表示面積を保つことができるようになります。

■デフォルト





■Firefox 3 Sidebar Below The Tabbar適用後


■


サイドバーを広げてもFirefoxの横幅いっぱいにタブバーを使うことができるようになります。

タブバーが狭くなるため、普段はサイドバーを閉じているというような方は、インストールしておくといい感じになるかもしれませんのでお試しください。


ダウンロード：Firefox 3 Sidebar Below The Tabbar（userstyles.org）


＊スタイルをそのままuserChrome.cssに書きたい方は、以下の書式を記述してください。

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);



/*Firefox 3 Sidebar Below The Tabbar by alice0775 */

/*This style is based on "Firefox 3 Tabs at the Top" By Sabeur.*/

@-moz-document url("chrome://browser/content/browser.xul"){

.tabbrowser-strip

{ position:fixed; left:0px; right:0px; width:100%!important; z-index:0; }

.tabbrowser-strip:not([moz-collapsed="true"])>tabs

{ height:27px !important; }

tab

{ -moz-user-select:-moz-none!important; z-index:1!important; -moz-border-radius-bottomleft: 0px!important; }

.tabbrowser-strip .tabbrowser-tabs

{ width:100% !important; }

.tab-drop-indicator-bar

{ position:fixed!important; top:0px; left:0px; width:100%!important; z-index:2; }

.tabbrowser-strip:not([moz-collapsed="true"]) + .plain

{ padding-top:28px !important; }



#navigator-toolbox:not([inFullscreen="true"]) + hbox > #sidebar-box,

#navigator-toolbox:not([inFullscreen="true"]) + hbox > #sidebar-splitter

{padding-top: 28px; }



#navigator-toolbox[inFullscreen="true"] + hbox > #sidebar-box,

#navigator-toolbox[inFullscreen="true"] + hbox > #sidebar-splitter

{padding-top: 0px !important; }



}

＜関連記事＞


■Firefoxのタブバーをサイドに移動させるアドオン「Vertigo」

■Firefoxに最大６段の切り替え式タブバーを追加できるアドオン「TooManyTabs」

■Firefoxのタブを好みのスタイルにするためのabout:config設定。

■Firefoxのタイトルバーを非表示にしてブラウジングスペースを広げるアドオン「Hide Chrome」

■Firefoxのサイドバー高を使いやすく調整できるアドオン「Height for Side-Bar」

■Firefoxのサイドバー幅の制限を無くす方法。

Comments

これ便利なんですけど多段表示に対応してないのが残念なんですよねぇ…

Posted by Nanashi at 2009年03月11日 22:45

userChrome.css版を試しましたが、
TooMenuTabsのタブバー表示と
バッティングしてるようで、タブバーから
TooMenuTabsが使えなくなりますね。

Posted by Nanashi774 at 2009年03月13日 21:42

Nanashi774 さま。

こんばんは。mozillerです。

タブやサイドバー系のアドオンを使っている環境では多少影響があるようですね。

当方でも、All in one sidebarのメニュー部が隠れてしまったりしました。

アドオン自体の機能が使えなくなるのは困りますが、結果的に通常よりはみ出ることになるので、このあたりはどちらを犠牲にするかのような気もします。

貴重な情報ありがとうございました。

今後ともよろしくお願いいたします。

Posted by moziller at 2009年03月13日 22:27