【力技】Firefox Quantum 57.0~でブックマークツールバーを2段にする

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

毎度ありやす。

Firefox57(現在58)以降でも「ブックマークツールバー」を2段にする方法です。ちょっと力技ですが下記のコードで出来ます。僕のスキルが足りないので2段固定ですw
追加しているブックマークがたくさんあって入りきらない場合は、マウスのホイールでスクロールしてください。バーの右側にスクロールボタンが表示されているときは更に下にブックマークがあり、非表示の場合は全てのブックマークが画面に入りきっている状態です。

反映させるには「コンピューター>Cドライブ>ユーザー>ユーザー名(任意)フォルダ>AppData(隠しフォルダ)>Roaming>Mozilla>Firefox>Profiles>xxxxxxxx.default-ランダムの数字フォルダ」の中にある「chromeフォルダ」に「userChrome.css」というcssファイルを追加します。記述内容は下記を参考に。chromeフォルダが無い場合は新しく作ってください。userChrome.cssも同様です。height値の46pxを増やせば3段、4段と増やせますが、高さが固定されてしまうので2段くらいが丁度いいかもです。

#PersonalToolbar {
height: 46px !important;
width: 100% !important;
max-height: none !important;
z-index: 100;
}

#personal-bookmarks toolbarbutton.bookmark-item {
padding: 0px !important;
margin: 0px !important;
padding-left: 4px !important;
padding-right: 4px !important;
}

#personal-bookmarks #PlacesToolbar #PlacesToolbarItems {
overflow-x: hidden;
overflow-y: auto;
}

#personal-bookmarks #PlacesToolbar #PlacesToolbarItems>box {
display: block;
}

一番小さい入れ物(この場合ブックマークのアイコン+文字のくくり)をinline-blockで左上から詰めていって、ウィンドウ幅のところまで来たら下の段(2段目)に落とせれば完成しそう。

<追記>※2018.11.26
完全版を作りました。【こんなブックマークツールバーが欲しかったんや!完全版】Firefox Quantum 57.0~でブックマークツールバーを多段にするソースコード

スポンサーリンク
sponsored link

シェアする

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

フォローする

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