userChrome.css・userContent.cssスレ Part14 (923レス)
前次1-
抽出解除 必死チェッカー(本家) (べ) 自ID レス栞 あぼーん

682
(1): (ワッチョイ fa02-EoI7) 03/13(木)11:30 ID:Jp0USuvl0(1/3)調 AAS
アドレスバーの☆ボタンについて、Firefox 135まで以下でウィンドウ左上に追いやって表示されないようにしていました
(こちらで教えて頂いたものです)

:root {
--my-star-button-box-offset: 28px;
}
#star-button-box { /* URLバーの☆はウィンドウの左上に隠す */
position: fixed !important;
top: calc(-1 * var(--my-star-button-box-offset)) !important;
left: calc(-1 * var(--my-star-button-box-offset)) !important;
direction: rtl !important;
}
#editBookmarkPanel { /* メニューの「ブックマーク」直下に表示 */
margin-top: calc(var(--my-star-button-box-offset) - 1rem + 1px) !important;
margin-left: calc(var(--my-star-button-box-offset) + 17rem + 1px) !important;
}

Firefox136に更新したところ画像のようにアドレスバーの左上になってしまいました。
https://i.imgur.com/e5LuNGl.png

絶対座標で☆ボタンを隠したいのですがどのように修正すればいいでしょうか。
なお、ブックマークパネルは表示したいので☆ボタンを非表示にはしていません。
よろしくお願いします。
686: (ワッチョイ fa02-EoI7) 03/13(木)13:58 ID:Jp0USuvl0(2/3)調 AAS
>>683
>>684
ありがとうございます。
fixedからabsoluteにしてみましたが、やはりアドレスバーからの相対位置になってしまいます。

絶対座標で☆マークを配置したい理由ですが、
アドレスバーからの相対位置に配置されてしまうと、タブバー表示・非表示によって
ブックマークパネルの位置が上下に変化してしまいます。
このため、☆マークは絶対位置で配置できればと思った次第です。
もしくはタブバーの表示・非表示によってブックマークパネルのmargin-topの値を変化させられればいいのかもしれません。
688: 682 (ワッチョイ fa02-EoI7) 03/13(木)23:26 ID:Jp0USuvl0(3/3)調 AAS
以下を追加することで
#urlbar {
will-change: auto !important; /* 最適化による影響を排除 */
}

#star-button-box の position:fixed が期待通りになり
☆マークを絶対位置に配置できver.135までの動作と同じになりました。
ありがとうございました。
前次1-
スレ情報 赤レス抽出 画像レス抽出 歴の未読スレ AAサムネイル

ぬこの手 ぬこTOP 0.037s