Firefox の固定タブのルック &フィールを変更する

ここに興味深いコーナー ケースがあります。約 1 年前、Firefox Quantum は、その動作と動作に一連の根本的な変更を導入しました。その中で最大のものは、WebExtensions への切り替えです。この動きにより、さまざまなタブ管理アドオンを含む、使いやすく強力な拡張機能の多くが機能しなくなりました。良い面として、Firefox は統合されたタブ固定機能ももたらしました。それはうまく機能します。しかし。

ピン留めされたタブは、タブ バーから切り離され、左側に配置されます。これは、典型的なデスクトップのクイック起動アイコン領域のようです。ここまでは順調ですが、コーナー ケースはここにあります。たまたま、固定されたタブは比較的狭いため、すばやく刺して開く操作はまったく不可能です。マウスカーソルを正確に配置する必要があり、それによって速度が低下する可能性があります。ピン留めされたタブの幅を変更する簡単なオプションはないようです。したがって、このガイド.

固定されたタブを広くする

しばらく前に、Linux Plasma デスクトップ HD スケーリングについて陽気で徹底的に議論したときに、Firefox の UI カスタマイズに初めて出会いました。 UI のサイズを大きくするためにいくつかの手動オーバーライドを使用しました。これは、デスクトップ環境でネイティブ ソリューションを使用して行うことはできなかったためです。次に、ピン留めされたタブをより適切にするために、同様のアプローチを使用します。

Firefox の UI オーバーライドは、Firefox プロファイル ディレクトリの userChrome.css ファイルから利用できます。このファイルには、他の Web ページと非常によく似た、ブラウザの外観を決定する CSS 宣言が含まれています。フォント、色、境界線、余白、パディングなど、何でも変更できます。もちろん、構文をある程度理解する必要があります。また、Firefox がインターフェースに使用するさまざまなクラスについても知っておく必要があります。一般的な Windows パスは次のとおりです:

C:\Users\(あなたのユーザー名)\AppData\Roaming\Mozilla\Firefox\Profiles\
(プロファイル)\chrome\userChrome.css

典型的な Linux パスは次のようになります:

~/.mozilla/firefox/(プロファイル)/chrome/userChrome.css

ピン留めされたタブを使用して、これを追加します:

/* タブ */
.tabbrowser-tab[pinned] {
padding-left:20px;
右パディング:20px;
}

上記のコードは、ピン留めされた「アイコン」の左右にパディングを追加し、ピン留めされたタブをより広く、よりアクセスしやすくします - 中央揃えで対称 - 20 ピクセル分。タブの幅を広げることもできますが、そうするとアイコンが左に揃えられ、右側に多くの空きスペースができて、見栄えが悪くなります。それはあなたの OCD ピクシーを爆発させます。均一な左右のパディングを使用すると、美しく洗練された修正になります。

ある意味、それだけです。ボブはあなたのおじです!

結論

そして、そこにいます。 OCD 要件が満たされ、満たされました。 Firefox Quantum は、通常のユーザーにはアクセスしにくいものの、かなりの程度のカスタマイズを維持しています。この機能が残っていることを願っています。これは、Firefox が他のブラウザーより優れている点の 1 つであるためです。 WebExtensions への移行により、かなりの部分が失われました。柔軟なモジュール式ブラウザーが、競合他社よりも優位性を提供しない静的で生命のないシェルに変わるのを見るのは残念です.

Firefox の固定タブを使用する場合、アクセシビリティ オプションも改善されました。タブの幅を広げると、一貫性が増し、タブ バーに沿ったものになり、マウスの素早い操作でヒットしやすくなります。さらに、userChrome.css オーバーライドを使用すると、ブラウザーの UI レイアウトをさらに改善できます。たとえば、垂直方向の間隔やパディングを増やします。とにかく、この小さなガイドがお役に立てば幸いです。また会いましょう。

乾杯。