Firefoxでは「Project Nova」というプロジェクトを進めていて、色々デザイン・機能が変わる予定です。
私のFirefoxのサイドバーは
にて、0.5秒マウスオーバーで自動開閉するようにしてあるのですが、最近サイドバー全体の右側の縦線が太いというか、余白的な部分があることに気づきました。
上記画像キャプチャはFirefox Developer Editionです。
メインで使っている普通のFirefoxの場合は上記画像キャプチャとおそらく同じ縦線幅、Firefox Nightlyの場合は(かなり以前から)縦線幅がもっと太いです。
色々調べてみたら、Firefox Nightlyでのサイドバーは「Revamp」という新サイドバーらしく、デザイン・挙動が好きではないので、
- Firefox
- Firefox Developer Edition
- Firefox Nightly
全てのFirefoxにて元のサイドバーに戻すことにしました。
- サイドバー全体の右側の余白的な部分を修正する
だけでOKな場合は、すぐ下の「userChrome.css」だけを修正というか追加すればOKです。
- サイドバー全体の右側の余白的な部分を修正する
- 新しいサイドバーを元のサイドバーに戻す
の両方の場合は、後述の「userChrome.css」および「about:configあるいはuser.js」の両方の対応が必要です。
■userChrome.css
/* サイドバー全体の右側の余白的な部分*/
.sidebar-splitter {
width: 1px !important;
--splitter-width: 1px !important;/*●元は4px●*/
border-inline: none !important;
}■about:configあるいはuser.js
●サイドバーの角の丸みを解除する
sidebar.revamp.round-content-area を false●「Project Nova」関係で追加された新サイドバーを非表示にする
sidebar.revamp を false■注意■
sidebar.revamp を false にすると新サイドバーの垂直タブも消えるのでご注意ください。
以下の画像キャプチャは、上記全て修正・追加後のビフォー・アフターです。
新サイドバーを非表示にした後に、今までのサイドバーで例えばアドオン「Tree Style Tab - ツリー型タブ」を表示する場合は
- 表示 → サイドバー → ツリー型タブ
で従来のサイドバーでの表示に戻ります。
当ページの修正・追加等を全てなかったことにしたい場合は、
- userChrome.cssに追加したコードを削除
- about:configあるいはuser.jsにて上記「false」とした箇所を「true」にする
- 表示 → サイドバー → ツリー型タブ：チェックOFF
で、「Project Nova」関係で追加された新サイドバーに戻ります。
■追記■
Firefox Nightlyだけ色々な検証用にひとまず全て元に戻しました。
クリックしないとサイドバーが開かないのはちょっと残念です。
Firefox Nightlyは滅多に使ってないので実害はありませんけど。
あと、何でも角丸にするのはどうなんでしょう・・・
と言いつつ、当サイトのフォントは小杉丸(角丸フォント)です笑
