鷹の島

2006-11-09 (Thu)

FaviconizeTab ネタその1 - タブに閉じるボタンを付ける

FaviconizeTab に関する意見をチラホラ見掛けるようになったので、いくつかカスタマイズについて書いておきます。

まずはタブに"閉じる"ボタンを付ける方法。faviconize されたタブは強制的に閉じるボタンも非表示になるのですが、それだと困る場合もありそうなので。選択しているタブにだけ閉じるボタンを表示する方法を考えてみました。

対応方法は、以下の記述を userChrome.css に追加するだけです。userChrome を知らない方は まとめサイト とかで学んできて下さい。尚これは、FaviconizeTab0.9.4 以上で動作するコードです。

tab[faviconized="true"][selected="true"] .tab-close-button {
   display: -moz-box !important;
}

tab[faviconized="true"][selected="true"] {
   min-width: 52px !important;
   max-width: 52px !important;
}

閉じるボタンを表示する指定とは別に、タブの幅も少し大きくしています。これがないと favicon とボタンがタブからはみだしてみっともない事になります。

browser.tabs.closeButtons の設定に関わらず、faviconize されたタブを選択すると閉じるボタンが表示されるようになります。ただ、クリックするたびにタブの幅が変わるので、ちょっと鬱陶しいかもしれません。

ちなみに、TabMixPlus を使っている場合はうまく動きません。これは、情熱がある人がうまい TabMixPlus 用の CSS を考えてくれるのを期待します。

selected 指定を外せば全部のタブに閉じるボタンを表示させる事も出来るので、それについても書いておきます。

tab[faviconized="true"] .tab-close-button {
   display: -moz-box !important;
}

tab[faviconized="true"] {
   min-width: 52px !important;
   max-width: 52px !important;
}

こんな感じに誤爆が増えそうだけど…。

Posted by Kyosuke Takayama at 2006-11-09 (Thu) 00:49