187(2): 名無しさん＠お腹いっぱい。 (ｵｲｺﾗﾐﾈｵ MM67-+Gxl) [sage] 2022/11/19(土) 18:05:37.66 ID:EIGvz+G8M(1) AAS
>>186
right: 1em;　も消していい
border-top: none !important;　を追加すれば検索バー上部の枠線がなくなってすっきりする

188(1): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 6276-mdWL) [sage] 2022/11/19(土) 18:27:13.33 ID:yxTeLkLS0(3/7) AAS
好みで

transition: none !important;
margin-left: 15px !important;

268(1): 名無しさん＠お腹いっぱい。 (中止 5fb1-OA0F) [sage] 2022/12/24(土) 16:12:56.92 ID:qVFWxHD80EVE(1) AAS
>>267
CSS カスタムプロパティ (変数) の使用
外部ﾘﾝｸ:developer.mozilla.org

247(2): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ ea20-Yn5v) [] 2022/12/17(土) 03:56:54.43 ID:URujujlu0(1) AAS
>>243
それの完全な対策はCSSでは恐らく無理だけど、メニューからブックマークしているのならこんなのはどうかな。

/*
URLバー右端のブックマークボタンをウィンドウ右上隅に配置することで隠す。
108 以降は display プロパティ や visibility プロパティで隠すと、
ブックマークしたときのブックマーク編集パネルも表示されなくなってしまう。

右上隅に置くのはブックマーク編集パネルを開いたとき、キー操作やマウ
スオーバーしないままでいると一定時間でパネルが閉じてしまう問題への弥縫策
を兼ねる。この位置はメニューの「ブックマーク」→「現在のタブをブックマー
ク...」をクリックした直後のマウスポインターの下になるので、この経路で表示
させたときは自動的に閉じるのを防げる。
*/
#star-button-box {
position: fixed !important;
top: calc(0px - var(--urlbar-height)) !important;
right: 0px !important;
}
#editBookmarkPanel {
margin-block-start: 0px !important;
}

275(1): 名無しさん＠お腹いっぱい。 (中止 8573-dxp0) [sage] 2022/12/25(日) 12:18:08.93 ID:pU//23r30XMAS(1/2) AAS
108.0.1にバージョンアップしたところurl.バー内のアイコン(☆、その他アドオンアイコン)の表示が大きくなってしまいました
下記のcss.の記述のどこを変更したらよいのか教えて下さると助かります

/* ツールバーアイコン コンパクト化 */
#identity-icon,
.searchbar-search-icon {
width: 14px !important;
height: 14px !important;
}
#nav-bar .toolbarbutton-1 > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1 .toolbarbutton-badge-stack {
padding: 2px !important;
margin: 0px !important;
width: 20px !important;
height: 20px !important;
}
[uidensity="compact"]:root .urlbar-icon {
width: 20px !important;
height: 22px !important;
padding: 2px !important;
}
#star-button-box[animationsenabled] > #star-button[starred][animate] + #star-button-animatable-box {
top: calc(50% - 17px) !important;
margin-inline-start: -6.5px !important;
}

続く

277(1): 名無しさん＠お腹いっぱい。 (中止 8573-dxp0) [sage] 2022/12/25(日) 12:36:37.19 ID:pU//23r30XMAS(2/2) AAS
275から続き

/* アイコン小さく */
#nav-bar .toolbarbutton-1 > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1 .toolbarbutton-badge-stack,
#toolbar-menubar .toolbarbutton-1 > .toolbarbutton-icon,
#toolbar-menubar .toolbarbutton-badge-stack,
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-icon,
#TabsToolbar .toolbarbutton-badge-stack {
padding: 2px !important;
margin: 0px !important;
width: 20px !important;
height: 20px !important;
}
/* コンパクト化 */
.urlbar-go-button,
.search-go-button {
max-width: 14px !important;
}
#nav-bar,
toolbar .toolbarbutton-1 {
padding: 0px !important;
}

279(5): 275＆277 (ﾜｯﾁｮｲ 8573-dxp0) [sage] 2022/12/26(月) 00:02:44.67 ID:X0JCSJye0(1) AAS
>>278
続く、の件ではイラっとさせて申し訳ない。専ブラ慣れてなくてエラーですぐに書き込めなかったの

275に書いた症状はこんな感じです
1　107.0.1まで　画像ﾘﾝｸ

2　108.0.1 画像ﾘﾝｸ


何か所か表示に変化が出た中でurlバー内のアイコンがバカでかくなるのだけは自力ではどうやっても解決出来ません

278でヒントを頂いたのですが残念ながらお手上げです
275&277の記述も多分4~5年前に親切な方がcssスレに書き込んで下さったものの流用です

よろしくお願いします

369(3): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 47b1-baic) [sage] 2023/04/15(土) 22:42:42.00 ID:MO+EbpfT0(1) AAS
FirefoxのUIをuserChrome.cssでカスタマイズしていた人たちに報告。
Firefox113からUIレイアウトが「-moz-box」から「display: flex」に変わるから一部動作しなくなるものがあるみたい。
俺はUIパネルを左にしていたのが効かなくなっちゃった。
もちろん解決方法もあるぞ

「-moz-box-ordinal-group: 0」は「order: -1」に
「-moz-box-orient: vertical」は「flex-direction: column」に
「-moz-box-direction: reverse」は「flex-direction: row-reverse」に
「-moz-box-align: center」は「align-content: center 」か「align-items: center」に差し替えると今まで通り

466(1): 名無しさん＠お腹いっぱい。 (ｽﾌﾟﾌﾟT Sd8a-IjPS) [sage] 2023/08/03(木) 22:10:24.56 ID:x9melOx2d(1) AAS
Firefox 116になってから以下のCSSが効かなくなっているようですが、
修正はできますかね？

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