FirefoxQuantum(66以降)で｢タブの文字が見えない｣対策<横幅を広げる>

トップページ＞ Firefox Quantumの設定＞ FirefoxQuantum(66以降)で｢タブの文字が見えない｣対策<横幅を広げる>

Firefox Quantum(66以降)で、横幅を広げることで「タブの文字が見えない」への対策をする

前回の記事

「【超簡単】Firefox Quantum(71以降)でタブ位置をﾌﾞｯｸﾏｰｸ下に移動」

では、アドオンを使わずに「タブの配置を変更する方法」を説明しました！

今回は、タブを多く開いたときに「１つひとつのタブが小さくなりすぎて、文字が見えない！」という不便さを解消します！

firefoxのタブの幅

↑ このように、タブがギュッと圧縮されるため、文字が読めない・・・

ではどうやるのか？と言うと、ブラウザのデザインをコントロールする「userChrome.css」というのをパパッといじります。

と言っても、コピペでOKです！

そのうちアドオンも出てくると思いますが、アドオンも実際はこのようにcssを弄ってるだけなので、自分でやってしまえば良いと思います。

ではスタート！！

「userChrome.css」を用意する！

デザインを設定できる「userChrome.css」に書き込むので、まずはこれを用意しましょう。

この用意の方法については、別記事「【超簡単】Firefox Quantum(71以降)でタブ位置をﾌﾞｯｸﾏｰｸ下に移動」にある、

「まずは「userChrome.css」を用意する！！」

を参考にして下さい。

書き込んでいこう！

では、このファイルに「横幅の設定」を書き込んでいきます！

ここで作った「userChrome.css」はテキストファイルのように普通に書き込めます。

/* タブ幅の設定 */
.tabbrowser-tab[fadein]:not([pinned]) {
min-width: 170px !important;/* タブ幅の設定　最小値デフォルト 76px */
max-width: 183px !important;/* タブ幅の設定　最大値デフォルト 225px*/
flex-grow: 1;
}

以上を書き込んだら「上書き保存」して、Firefoxを「再起動」しましょう！

するとすると・・・・

firefoxのタブの幅を広げる