2021/08/12(木) [n年前の日記]
#1 [firefox] FirefoxのUIが改悪されてしまった
Windows10 x64 21H1上で、Firefox が 91.0 に自動アップデートされたのだけど、UIが改悪されてしまった…。例の Proton UI が強制的に有効に…。about:config による無効化設定が反映されなくなっている…。
仕方ないので、以下を参考にして userChrome.css を弄ることにした。
_Firefox 89の新UI「Proton」に手を加えてみる (userChrome.cssの編集など) - とある人柱のblog
Firefox開発陣は「新しい Proton UI がこんなにも受け入れられた！」とそのうち言い出すのだろうけど、ソレ、俺は使ってないし、受け入れがたいクソデザインと思っているぞと、今のうちに言っておくよ…。
何故ツライかと言うと、あちこちで縦方向の余白を増やしちゃったのが非実用的だと感じているわけで。今時のPCのデスクトップ画面は16:9とか1920x1080とかなので、4:3とか1600x1200とかだった時代に比べると縦方向のドット数が少ないから、縦方向の padding が増えると一度に表示できる情報量・一瞬で目に入る情報量が減ってしまってしっくりこないのだよな…。
ひょっとして Fierfox のUIデザインしてる人は、縦1200ドットの、マイナーだけど縦ドット数が多いディスプレイ、あるいはリッチな4Kディスプレイを使ってデザインしているのだろうか。それとも普段は GoogleChrome を使っていて Firefox なんて常用してない人がデザインしてるとか。
仕方ないので、以下を参考にして userChrome.css を弄ることにした。
_Firefox 89の新UI「Proton」に手を加えてみる (userChrome.cssの編集など) - とある人柱のblog
Firefox開発陣は「新しい Proton UI がこんなにも受け入れられた！」とそのうち言い出すのだろうけど、ソレ、俺は使ってないし、受け入れがたいクソデザインと思っているぞと、今のうちに言っておくよ…。
何故ツライかと言うと、あちこちで縦方向の余白を増やしちゃったのが非実用的だと感じているわけで。今時のPCのデスクトップ画面は16:9とか1920x1080とかなので、4:3とか1600x1200とかだった時代に比べると縦方向のドット数が少ないから、縦方向の padding が増えると一度に表示できる情報量・一瞬で目に入る情報量が減ってしまってしっくりこないのだよな…。
ひょっとして Fierfox のUIデザインしてる人は、縦1200ドットの、マイナーだけど縦ドット数が多いディスプレイ、あるいはリッチな4Kディスプレイを使ってデザインしているのだろうか。それとも普段は GoogleChrome を使っていて Firefox なんて常用してない人がデザインしてるとか。
◎ 今現在の userChrome.css をメモ。 :
今現在の userChrome.css の内容をメモ。
/* Hide "Saved to Library!" bookmark confirmation popup */
#confirmation-hint { display: none !important; }
/* Change the background color of the title bar when the window starts to the OS theme color */
:is(#TabsToolbar, #toolbar-menubar):not(:-moz-window-inactive) {
color: -moz-accent-color-foreground;
background-color: -moz-accent-color;
}
/* Changed the height of the title bar to the same height as the conventional compact mode */
* {
--tab-min-height: 29px;
}
/* Change tab shape to rectangle */
.tab-background {
border-radius: 0px !important;
margin-block: 0px !important;
}
/* Change tab shape to rectangle 2 */
/*
.tab-background {
border-radius: 4px 4px 0 0 !important;
margin-block: 0 !important;
}
*/
/* Adjust the spacing between toolbar icons */
#nav-bar toolbarbutton {
padding-left: 0px !important;
padding-right:0px !important;
}
/* Adjust dropdown / context / pop-up menu spacing */
menupopup > menuitem,
menupopup > menu {
padding-block: 2px !important;
}
:root {
--arrowpanel-menuitem-padding: 2px 4px !important;
}
/* bookmark item padding */
.bookmark-item,
.bookmark-item > menupopup,
.bookmark-item > menupopup > menuitem {
padding-block: 0.2em !important;
}
[ ツッコむ ]
以上です。