Mozilla Firefox質問スレッド Part191

**名無しさん＠お腹いっぱい。** · 2021/05/28(金) 21:31:36.50

Mozilla Firefoxの質問・相談スレッドです。
自分で調べてどうしても分からないことがあったらこのスレへどうぞ。
書き込む前に必ず>>2-3を読んで下さい

■前スレ
Mozilla Firefox質問スレッド Part190
https://egg.5ch.net/test/read.cgi/software/1615050171/

■関連スレ
Mozilla Firefox Part371
https://egg.5ch.net/test/read.cgi/software/1618224780/
Mozilla Firefox 拡張機能スレッド Part120
https://egg.5ch.net/test/read.cgi/software/1608732243/

**名無しさん＠お腹いっぱい。** · 2021/06/04(金) 21:14:21.85

いろいろまとめ
新UI一時的に無効化
about:config
browser.proton.enabled false
browser.proton.contextmenus.enabled false

スタートページの検索窓に文字が入れられず強制的にアドレスバーにカーソルが移動します。
ホーム画面の検索窓に文字打ってるのに勝手に上のアドレスバーに表示される少し前のchromeみたいなうざいバグやめろ
検索しようとしても入力がアドレス欄の方に移動したりするし、わけわからん
browser.newtabpage.activity-stream.improvesearch.handoffToAwesomebar false

ダークでUI文字がどきつい白になってるのの対策
#e8e8e8くらいかねえ
* {color: #e8e8e8;}

タイトルバー
/* ウインドウアクティブ時のタイトルバーの背景色をOSのテーマ色に変更（以前の規定テーマと同じ） */
:is(#TabsToolbar, #toolbar-menubar):not(:-moz-window-inactive) {
color: -moz-accent-color-foreground; background-color: -moz-accent-color;}

/* タイトルバーの高さを以前のコンパクトモードと同じ高さに変更 */
* {--tab-min-height: 29px;}

メニューバー右端の3つclassからidに変更されてる
最小化ボタン#titlebar-min
最大化ボタン#titlebar-max
閉じるボタン#titlebar-close

**名無しさん＠お腹いっぱい。** · 2021/06/04(金) 21:15:06.50

navバー
/* ツールバーのアイコンの間隔を調整する */
#nav-bar toolbarbutton {padding-left: 0px !important; padding-right:0px !important;}

/* フォーカスでサイズ変えんなボゲ日向ボゲ */
hbox#urlbar{--urlbar-toolbar-height: 30.00px !important;}

/* ロケバー */
#urlbar-input{ color:black !important; background:white !important;}

検索バーのエンジンアイコンが隙間だらけになってる
.search-panel-one-offs {height: auto !important;}
.search-panel-one-offs button {margin: 0px !important;}

/* 検索バー */
searchbar#searchbar{ color:black !important; background:white !important;}

**名無しさん＠お腹いっぱい。** · 2021/06/04(金) 21:15:39.55

タブ
89にしたらタブの高さが高くなった
/* タブとタブバーの高さを調整 */
:root {--tab-min-height: 26px !important;}
:root[uidensity="compact"] {--tab-min-height: 26px !important;}

新規タブとツールバーの間の影のような無駄なスペースを無くす方法はないのかな？
.tab-background {border-radius: 0 !important; margin: 0px -2px 0px -2px !important;}

protonでタブがボタンっぽく見える問題は
userChrome.cssに以下を追記したら幾分マシになった
.tab-background {border-radius: 4px 4px 0 0 !important;margin-block: 0 !important;}

/* タブの形状を長方形に変更 */
.tab-background {border-radius: 0px !important; margin-block: 0px !important;}

タブとタブの間の隙間空いてるの間隔調整できませんかね
.tabbrowser-tab {padding-left: 0px !important; padding-right: 0px !important;}

/* アクティブタブの背景色 */
#TabsToolbar .tabbrowser-tab[selected="true"] .tab-background {background: #797979 !important;}

/* アクティブタブの文字色 */
label.tab-text.tab-label[selected="true"]{color:black !important;}

/* バックグラウンドのタブの色 */
#TabsToolbar .tabbrowser-tab:not([selected]) .tab-background {background: #797979 !important;}

タブとタブの間の枠が消えてる
/* タブ間のセパレータ表示 */
.tabbrowser-tab {border-left: 1px solid rgba(255,255,255,.3) !important; padding-inline: 0px !important;}

**名無しさん＠お腹いっぱい。** · 2021/06/04(金) 21:16:16.90

タブの高さ変えるやつ書いたでー
数値は好きにイジってな
@media (-moz-proton) {
:root[uidensity=compact] { --tab-min-height: 29px; } /*コンパクト*/
:root { --tab-min-height: 36px; } /*通常*/
:root[uidensity=touch] { --tab-min-height: 41px; } /*タッチ*/
:root { --proton-tab-block-margin: 4px; } /*タブ上下の隙間*/

#tabbrowser-arrowscrollbox::part(scrollbutton-up),
#tabbrowser-arrowscrollbox::part(scrollbutton-down) {
padding: 0 calc(var(--toolbarbutton-inner-padding) - 6px);
}
}

プルトンUIのアクティブタブの周囲にあるbox-shadowでしてるようなボケボケのを消したいんだけど
#TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected="true"],
[multiselected]) > .tab-stack > .tab-background {box-shadow: none !important;}

/* タブバー背景 */
hbox.toolbar-items{ background:white !important;}

ピン留めしたタブとピン留めしてないタブの間にある隙間
.tabbrowser-tab[first-visible-unpinned-tab="true"] {margin-left: 0px !important;}

**名無しさん＠お腹いっぱい。** · 2021/06/04(金) 21:16:58.73

タブ一覧表示させた時のタブの表示間隔
/* min-heightがどこかで設定されてて妨害されるのでheight以下の値をセット
height下げすぎるとアイコンが潰れていくw */
toolbarbutton.subviewbutton{
min-height:0.2em !important;
height:2em !important;
}
/* 仕切りから↑はこんなの↓が入ってて別口タゲにしたかったらコンマ区切りで列挙しれ */
toolbarbutton#allTabsMenu-searchTabs
toolbarbutton#allTabsMenu-containerTabsButton
toolbarseparator#allTabsMenu-hiddenTabsSeparator
toolbarbutton#allTabsMenu-hiddenTabsButton
toolbarseparator#allTabsMenu-tabsSeparator
/* タブ一覧ボタンを表示 */
#alltabs-button {visibility: visible !important;}