はてなブックマーク - <!--$entry_title--> 忍者ブログ
吹奏楽から日常生活のどーでもいいことまで、ひたすら雑多に書き込んでいきます… 更新は頻繁になったりならなかったり。

Firefox ブックマークツールバーをどうにかしてやる

ほんとはレガシーアドオンで動いてたんだけど死んでから放置してたのをcssでなんとかしてやるという。

まずはプロファイルフォルダ(about:supportからいける)に
/chrome/userChrome.css
を作成。ヘッダとかいらんす。

んでその中のコードで
①ファビコンだけ表示してマウスオーバーでサイト名
/* Recreates the basic functionality of the popular Roomy Bookmarks Toolbar add-on:
Hide bookamrks bar items label text, show on hover. */

.bookmark-item > .toolbarbutton-text {
margin-top: -1px !important;
}
.bookmark-item:not(:hover):not([open="true"]) > .toolbarbutton-text {
display: none !important;
}
#PlacesToolbarItems > .bookmark-item:not(:hover):not([open="true"]) > .toolbarbutton-icon[label]:not([label=""]) {
margin-inline-end: 0px !important;
}

②新規タブのみ表示
/* Show the bookmarks toolbar only on new tab */ #main-window:not([title^="Mozilla Firefox"]):not([title^="New Tab"]) #PersonalToolbar { visibility: collapse; }

③自動的に隠してマウスオーバーで表示
/* Auto-hide bookmarks toolbar */
#PersonalToolbar {visibility: collapse !important;}
#navigator-toolbox:hover > #PersonalToolbar {visibility: visible !important;}

拍手[0回]

PR