総合 ゲーム 画像動画

ブックマークサイドバーの間隔を減らす方法 Firefox 63に対応

2018.7.8

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

 

スタイルの書き方などが知りたい方はゼロからはじめるプログラミングからどうぞ。

コメントを残す。

メールアドレスが公開されることはありません。

内容をご確認の上、送信してください。URLを含むコメントは承認待ちになります。