【こんなブックマークツールバーが欲しかったんや！完全版】Firefox Quantum 57.0～でブックマークツールバーを多段にするソースコード

2018/2/15 2020/3/13 Firefox, 覚書

この記事は最終更新から4年以上が経過しています。内容が古くなっている可能性があります。

毎度ありやす。

Firefox Quantum 57.0～でブックマークツールバーを多段にするcssの完全版が出来ました（かなり個人的な内容ですが）。とりあえずuserChrome.cssの書き換えは今回で最後です。めっちゃ嬉しい。てか、めっちゃ使いやすい。

＜やりたかったこと＞
・バーの高さが可変し、追加した全ブックマークを常に表示。
・縦のスクロールバーを表示しない。

＜適用方法＞
反映させる場合「コンピューター＞Cドライブ＞ユーザー＞ユーザー名（任意）フォルダ＞AppData（隠しフォルダ）＞Roaming＞Mozilla＞Firefox＞Profiles＞xxxxxxxx.default-ランダムの数字フォルダ」の中にある「chromeフォルダ」に「userChrome.css」というcssファイルを追加します。メモ帳やテキストエディタに上記のコードを貼り付けて、.cssの拡張子で保存すればOK。もしchromeフォルダ自体が無い場合は新しく作って大丈夫です。

＜ソースコード＞

#PersonalToolbar {
max-height: none !important;
}
#PlacesToolbarItems > box {
display: inline-block !important;
}
#PersonalToolbar #PlacesToolbarItems {
overflow-x: visible !important;
overflow-y: visible !important;
padding-bottom: 1px;
}
#PersonalToolbar #PlacesToolbarItems .bookmark-item {
padding-top: 1px !important;
padding-bottom: 1px !important;
}
#personal-bookmarks toolbarbutton.bookmark-item {
padding: 0px !important;
margin: 0px !important;
padding-left: 4px !important;
padding-right: 4px !important;
}