Firefoxのブックマークサイドバーのブックマークの間隔を減らす、狭くする方法
Firefox 63に対応したコードを追加しました。
1.userChrome.cssを編集（作成）して調整します。
C:\Users\***\AppData\Roaming\Mozilla\Firefox\Profiles\***\
chrome\userChrome.css
***は環境によって異なる
chromeフォルダとuserChrome.cssがない場合は作成します。
userChrome.cssはテキストファイルをuserChrome.cssと名前を変えて保存します。
2.userChrome.cssにスタイルを書きます。
Firefox 62対応版
@-moz-document url(chrome://browser/content/places/bookmarksSidebar.xul) {
treechildren::-moz-tree-cell-text {
/*フォントサイズ変更用*/
/*font-size: 18px !important;*/
}
treechildren::-moz-tree-row{
height: 0 !important;
border-width: 1px !important
}
}このコードをコピペで保存します。Firefoxを再起動すればスタイルが反映されます。
フォントサイズを変更したい場合は/**/コメントアウトを外して保存します。
Firefox 63対応版はこちらです。
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* ::::: tree rows ::::: */
treechildren::-moz-tree-row {
min-height: 1.4em !important;
}
サイドバーの一番上にある「★ブックマーク」の上下のスペースを減らす場合はこちらも追加して保存します。
#sidebar-header{
margin: 0 !important;
padding: 0 !important;
}
その他にも微調整をしたい場合はブラウザに以下のURLを入力することで各パーツのセレクタを見つけることができると思います。
ブックマークサイドバー
chrome://browser/content/bookmarks/bookmarksPanel.xul
chrome://browser/content/places/bookmarksSidebar.xul
ツールバー
chrome://browser/content/browser.xul
スタイルの書き方などが知りたい方はゼロからはじめるプログラミングからどうぞ。
私が作成・公開したアドオンはこちらにあります。
Ver108以降のcss開発について
ブラウザのデバッグを行うには開発者ツール（F12, Ctrl+Shift+I）を開く→右上の[…]を押して設定を選ぶ（またはF1）、ブラウザーとアドオンのデバッガーを有効化・リモートデバッガーを有効化にチェックを入れて開発者ツールを閉じる
Alt+Ctrl+Shift+Iを押してリモートデバッガーを許可する、開いたウィンドウにあるインスペクター（要素選択）でブラウザの各要素を調べることができる
正式版のfirefox63ではブックマークサイドバーの間隔を減らす方法 Firefox 63に対応をテキストに入力しましたが効かないようです。何か対処法ががあれば教えて下さい。