userChrome.css でブックマークツールバーフォルダをスマートに その２

前回のものを改良(?)した。

• フォルダの場合はアイコンを非表示でテキスト表示*1 *2
  • テキストだけだと詰まり過ぎてちょっと見難いのでpaddingを付加
• アイテムの場合はテキスト非表示
  • ブックマークレットの場合、ツールチップにURLが表示されて冗長なので非表示

/**
 * ブックマークツールバーフォルダをスマートに {{{
 */
hbox#bookmarks-ptf toolbarbutton[type="menu"] > .toolbarbutton-icon {
    display: none;
}
hbox#bookmarks-ptf toolbarbutton[type="menu"] > .toolbarbutton-text {
    padding: 0 4px;
}
hbox#bookmarks-ptf toolbarbutton[image*="data:image"] .toolbarbutton-text {
    display: none !important;
}
label#btUrlText { display: none; }
/* }}} */

余談

前回のはてブのコメントでFavicon Picker 2という拡張機能を教えてもらって早速入れてみる。これは良いね。ありがとう。

*1:フォルダの場合にはツールチップが表示されなくて、これじゃ何のフォルダか分からんじゃないか、と気付いた

*2:userChrome.jsを使えば表示させる事も可能だろうけど、フォルダの場合テキストの方が分かり易かろう。