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

毎度ありやす。

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;
}

<追記>※2018.11.26
現在の最新バージョン(63.0.3(64bit))でも動作確認済みです。

<追記2>※2019.3.24
現在の最新バージョン(66.0.1)では使用できないようです(;;)

スポンサーリンク
sponsored link

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

テキストのコピーはできません。