userChrome.css・userContent.cssスレ Part12

1 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/04/21(木) 23:24:46.59 ID:h1cG3tIy0.net] !extend:checked:vvvvv:1000:512 次スレを立てる方は↑を二行重ねて書いてください ●※前スレ userChrome.css・userContent.cssスレ Part11 https://egg.5ch.net/test/read.cgi/software/1584753386/ ●拡張機能 Stylish https://addons.mozilla.org/ja/firefox/addon/stylish/ Stylus https://addons.mozilla.org/ja/firefox/addon/styl-us/ User Style Manager (レガシーアドオン・要Classic Add-ons Archive) https://addons.mozilla.org/ja/firefox/addon/user-style-manager/ ●スクリプト userChromeJS/UserCSSLoader at master ・ Griever/userChromeJS https://github.com/Griever/userChromeJS/tree/master/UserCSSLoader UserCSSManager (要userChromeES) https://greasyfork.org/scripts/35880 ●CSS（ユーザースタイルを記入するべきファイル） userChrome.css（UI） / userContent.css（Web Site） ●関連サイト Userstyles.org https://userstyles.org/ CSS: カスケーディングスタイルシート | MDN https://developer.mozilla.org/ja/docs/Web/CSS とほほのスタイルシート入門 www.tohoho-web.com/css/ VIPQ2_EXTDAT: checked:vvvvv:1000:512:: EXT was configured 185 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW c311-J5Fp) mailto:sage [2022/11/19(土) 16:12:56.83 ID:kn4vedWO0.net] >>179 自分も自動開閉使えなくなって困ってたけどこれで出来るようになりましたありがう 186 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/19(土) 17:04:37.74 ID:yiSWuB3X0.net] >>179 >>178 のでも良いんだけどカスタマイズしやすい方が良いかなと :root { --thin-tab-width: 20px; --wide-tab-width: 220px; ここで幅を好みに変えてね --thin-tab-width: 20px; カーソルを合わせる左側の所の幅（20で太いと思ったら15とか数字を小さくする） --wide-tab-width: 220px; サイドバーの幅（取り敢えずタブと同じぐらいにしてあるので幅は好みに） 187 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/19(土) 17:16:31.42 ID:487hYtW60.net] /* 検索バーを上に移動 */ .browserContainer > findbar { -moz-box-ordinal-group: 0; position: fixed !important; right: 1em; border: 1px solid threedshadow !important; } 今回のバージョンからページ内検索バーが表示されなくなってしまったんですが どなたか分かる方ご教授願います 188 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/19(土) 17:34:36.47 ID:yxTeLkLS0.net] >>184 position: fixed　を消す 189 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/19(土) 17:49:47.26 ID:487hYtW60.net] >>185 動作するようになりました。ありがとうございます！ 190 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/19(土) 18:05:37.66 ID:EIGvz+G8M.net] >>186 right: 1em;　も消していい border-top: none !important;　を追加すれば検索バー上部の枠線がなくなってすっきりする 191 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/19(土) 18:27:13.33 ID:yxTeLkLS0.net] 好みで transition: none !important; margin-left: 15px !important; 192 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/19(土) 19:03:25.90 ID:487hYtW60.net] >>187 >>188 重ね重ねありがとうございます！ 193 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/19(土) 21:23:17.48 ID:yxTeLkLS0.net] border: 1px solid threedshadow !important; は無くていいはず 194 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/19(土) 21:29:59.22 ID:2EyT0kXaa.net] >>190 Escが効かない 195 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/19(土) 21:52:45.59 ID:yxTeLkLS0.net] >>191 ただのラインだし関係なくない？ 196 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/19(土) 21:56:06.32 ID:yxTeLkLS0.net] margin-left: 15pxはいらない勘違い 197 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/19(土) 22:30:47.87 ID:FB387ZR1a.net] >>185 >>187 ↓の2行、もしかして今回のバージョン前でも無くてよかったの？ position: fixed !important; right: 1em; 198 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/19(土) 22:33:49.43 ID:2EyT0kXaa.net] >>192 ご� 199 名前：ﾟん、Esc効いてる [] [ここ壊れてます] 200 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/19(土) 22:55:09.24 ID:yxTeLkLS0.net] >>194 無くても上になってたよ 201 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/19(土) 23:56:41.05 ID:/igrTo9A0.net] サイドバー自動開閉はAutohideSidebar2.uc.jsだと感知幅の部分が邪魔にならない 202 名前：名無しさん＠お腹いっぱい。 (HappyBirthday!W efb0-+wTA) mailto:sage [2022/11/20(日) 13:05:05.50 ID:xkatlD7/0HAPPY.net] ページ内検索バーの話が出たついでに・・・ /* ページ内検索バーの閉じるボタンを左に移動 */ .findbar-closebutton { -moz-box-ordinal-group: 0; } /* ページ内検索バーのテキストボックスの横幅を変更 */ .findbar-textbox { width: 20em !important; } 203 名前：名無しさん＠お腹いっぱい。 (HappyBirthday! e21f-stRS) mailto:sage [2022/11/20(日) 15:10:54.29 ID:TwvPohQN0HAPPY.net] 検索バーをChrome風にする 豆腐屋が更新してた 204 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/20(日) 20:27:50.33 .net] ブラウザーツールボックス開くまでは行けたけど肝心の消したい場所をどうやって見つけるんですか？ toolbarだけでも膨大過ぎる 205 名前：名無しさん＠お腹いっぱい。 (HappyBirthday! 6276-mdWL) mailto:sage [2022/11/20(日) 20:34:16.38 ID:Yh+MidHG0HAPPY.net] 何を消したいの 206 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/20(日) 21:11:55.60 .net] 進むの隣のリロードボタンとアドレスバーのリーダービューリロードお気に入りボタンを消したいんです 207 名前：名無しさん＠お腹いっぱい。 (HappyBirthday! 6276-mdWL) mailto:sage [2022/11/20(日) 21:20:00.88 ID:Yh+MidHG0HAPPY.net] これでどうですか #reload-button, #star-button-box, #reader-mode-button { display: none !important; } 208 名前：名無しさん＠お腹いっぱい。 (HappyBirthday! 6282-1kpg) [2022/11/20(日) 21:46:51.19 ID:1dyZ6tnQ0HAPPY.net] >>200 左上の矢印ボタンをクリックしてからブラウザーの調べたい部分をクリック https://i.imgur.com/aMLVX6s.png 209 名前：名無しさん＠お腹いっぱい。 (HappyBirthday! cf58-stRS) mailto:sage [2022/11/20(日) 21:58:27.83 ID:1mmVEPOd0HAPPY.net] ID隠蔽ガイジに構うなよ 基地外が感染るぞ 210 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/21(月) 06:26:22.68 .net] >>203 >>204 機能しましたし使い方も理解できました ありがとうございました 211 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/21(月) 09:24:09.97 ID:EjcVlUjjr.net] タブの右横にある｢+｣(新しいタブを開きます)ボタンの背景色を変えたいです 212 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW efb0-z7S9) mailto:sage [2022/11/21(月) 16:02:44.69 ID:6rNjDe7x0.net] >>207 #tabs-newtab-button { background-color: yellow !important; } 213 名前：名無しさん＠お腹いっぱい。 (ｵｯﾍﾟｹT Srdf-KP+k) mailto:sage [2022/11/21(月) 16:37:19.38 ID:vwQ8tbBAr.net] >>208 ありがとうございました 214 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/24(木) 16:59:00.97 ID:8hBEP5Jc0.net] cssのvarが効かないのですが何が原因でしょうか？ firefoxは107です 215 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/24(木) 17:44:35.62 ID:yORRz7mv0.net] >>210 ちゃんと :root で定義したか？ https://developer.mozilla.org/ja/docs/Web/CSS/var 216 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/24(木) 18:48:25.63 ID:8hBEP5Jc0.net] >>211 定義しました上にあるサイドバーのcssも試してみたのですがvarの部分を書き変えなければ動きませんでした プロファイルの問題でしょうか？ 217 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ b776-Z2Iz) mailto:sage [2022/11/28(月) 14:15:20.99 ID:qhN/Y/H/0.net] >>4 自分もこの現象なったからいまだに99以前のバージョン使ってるわ 218 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/28(月) 22:24:18.25 ID:cyzXj7t70.net] 107で多段ブックマークツールバーおかしくなったけど 対応してもらえたっぽいかな ありがとうございます 219 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/28(月) 22:34:51.87 ID:CSXXOtj40.net] >>213 新しいのあるんじゃないの 220 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/29(火) 18:11:43.73 ID:AsIAzNu80NIKU.net] >>215 それらしいワード英語でググったら海外ニキの解説動画やcssファイル置いてあって 最新版でも綺麗にタブをロケバーの下に置くことできた 221 名前：名無しさん＠お腹いっぱい。 (ﾆｸｸｴ b712-rfgC) mailto:sage [2022/11/29(火) 23:32:31.84 ID:CrVT4BQM0NIKU.net] どうにもお手上げなので分かる人いたら教えてください。 タブを多く表示させるためにタブの幅の最小値を 222 名前： /* タブ幅の設定 最小値 デフォルト 76px */ .tabbrowser-tab[fadein]:not([pinned]) { min-width: 25px !important; flex-grow: 1; } という感じにしてるんですが、ver99.0.1のときは https://imgur.com/a/13CBHiJ の上のタブのように閉じるボタンが表示されていたのに ver107.0に上げたところ下のタブのようにfaviconが優先的に 表示されるようになってしまいました。 もちろんタブを5、6個閉じればxボタンは出現します。 タブの左の境界を優先するか右の境界を優先するかの違いっぽい ですけどxボタンを表示させるために右を優先したいときはどうすればいいんでしょうか？ [] [ここ壊れてます] 223 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW 9f02-rCfk) mailto:sage [2022/11/30(水) 14:34:25.20 ID:QfPNMqEn0.net] タブでホイールクリックしてみるとか 224 名前：217 mailto:sage [2022/11/30(水) 22:24:40.70 ID:2KV3wPcC0.net] >>218 ありがとう ホイールクリックは知らなかった 1個1個コンテキストメニューから消してた この質問と同じかな https://support.mozilla.org/mk/questions/1380017 タブ幅の最小値を少し増やすかキーボードでctrl+w、ctrl+F4ってのもあるみたいだけど・・ とりあえずホイールクリックで我慢します 225 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/30(水) 23:03:36.90 ID:hlGQzX/F0.net] 解決策ではないけどどちらかを追加してみるとか /* アクティブなタブの幅を広く */ .tabbrowser-tab[visuallyselected="true"]:not([pinned]) { min-width: 58px !important; max-width: 225px !important; } /* アクティブなタブをホバー時に幅を広げる */ .tabbrowser-tab[visuallyselected="true"]:not([pinned]):hover { min-width: 100px !important; max-width: 100px !important; } 226 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/11/30(水) 23:07:39.40 ID:hlGQzX/F0.net] ごめん アクティブなタブをホバー時に幅を広げる は使えないな 227 名前：217 (ﾜｯﾁｮｲ b712-rfgC) mailto:sage [2022/12/01(木) 00:11:51.50 ID:k6UbT4zK0.net] >>220 なるほどと思ったけど、これだとxボタンを連続クリックしてタブを複数消せないんですよね 1個消すごとにタブ幅が変わってしまってxボタンの位置もズレるので 228 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9711-UxYD) mailto:sage [2022/12/01(木) 01:17:49.68 ID:DME5IjWM0.net] 優先とは違うけどカレントタブに×を表示するだけなら about:configでbrowser.tabs.tabClipWidthをタブ幅より少なくする いっそ0とか 229 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ d778-g4kV) mailto:sage [2022/12/01(木) 20:08:51.41 ID:DPG8m93M0.net] >>217 自分もアクティブなタブにマウスをホバーさせるとxが表示される…ってのができなくなって困ってた ちょっとしたことなんだけど、使い勝手は随分悪くなるよね 初めは閉じるボタンを一番左にもってくることで解決してた でも代わりにfaviconが消えてしまうのが嫌でやっぱり元に戻した あれこれ悩んで色々調べてた所、TabMixPlusが復活してることを知った これで全てが解決しました 230 名前：名無しさん＠お腹いっぱい。 (ｱｳｱｳｳｰ Sa5b-p8h6) mailto:sage [2022/12/01(木) 20:10:03.67 ID:P3zrb6Pqa.net] スマホでかき 231 名前：217 (ﾜｯﾁｮｲ ff12-rfgC) mailto:sage [2022/12/01(木) 22:41:40.57 ID:xQbFKxKT0.net] >>223 タブが狭くなったときは逆に非アクティブタブは×が出なくなって欲しいので browser.tabs.tabClipWidthはちょっと違うかな 217はホイールクリックで対処で慣れました 232 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ b773-ykd8) mailto:sage [2022/12/01(木) 23:48:00.94 ID:t2ZSXYwu0.net] 自分はマウスオーバーで閉じるボタンが出るようにしてるわ 233 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9f11-FAuC) mailto:sage [2022/12/02(金) 11:55:35.83 ID:HaDTrJQK0.net] おくすり出しておきますね #tabbrowser-tabs[closebuttons] .tabbrowser-tab:hover .tab-close-button:not([selected]) { display: revert !important; } 234 名前：名無しさん＠お腹いっぱい。 (ｱｳｱｳｳｰT Sa3a-64DC) [2022/12/06(火) 10:34:14.83 ID:JGqWVF3qa.net] 本スレで公開されてたものと思いますが、ver107では正常ですが108ではバーの位置がトップになります。 下3行目transform: translateY(0px);を50pxにするとうまくいくのですが、フォルダ＞フォルダを開くとズレます。 スキルある方、よろしくお願いします。 /*** ブックマークツールバーをマウスオーバーで自動開閉　***/ #PersonalToolbar:not([customizing="true"]) { transform: translateY(-500px); transition: transform 0s ease 300ms !important; position: absolute !important; z-index: 1; display: block; width: 100%; } #navigator-toolbox:hover > #PersonalToolbar:not([customizing="true"]) { transform: translateY(0px); transition: transform 0s !important; } 235 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 2458-NYST) mailto:sage [2022/12/06(火) 16:18:03.68 ID:t1PQGKZo0.net] >>229 mozillazine.jpに同じ件で質問出てるみたいだけど、これ君？ 236 名前：名無しさん＠お腹いっぱい。 (ｱｳｱｳｳｰT Sa3a-64DC) [2022/12/06(火) 18:19:25.52 ID:Sx/5LHQla.net] >>230 はい、すみません私です。 5ちゃんねるで書き込みできない現象が発生しているようなのでレスないと思いmozillazine.jpにも投稿しました。 237 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/12/08(木) 21:11:45.60 ID:RpYCIcBc0.net] >>231 https://forums.mozillazine.jp/viewtopic.php?f=2&t=20811 これはひどい 「？」だの「新規プロファイルをつくる意味なんてありませんよ」だの せっかく説明してくれてるのに意思疎通ができてない 失礼極まりないやつだな 238 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/12/11(日) 19:25:21.87 ID:KFpSKgrF0.net] 基地外age厨に構うからこうなる 239 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/12/12(月) 19:05:26.12 ID:+cWs9/LA01212.net] AutohideSidebar2.uc.jsを使わせてもらってるのですが ミスクリックでサイドバーの幅が微妙に変わってもやもやしてます デフォルトfirefoxにこれを入れた状態のサイドバー幅にするにはどうしたらいいですか？ 240 名前：名無しさん＠お腹いっぱい。 (ｱｳｱｳｳｰ Sa6b-l94J) mailto:sage [2022/12/14(水) 12:51:41.96 ID:FsPMouRwa.net] 今日バージョンアップして>>229と同じことで困っていて見に来たんだけど こりゃ聞ける雰囲気じゃないな マルチポストするなら あっちでも質問したことを書いておけよ マジで迷惑だわ誰か助けてくれん？ 241 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW 474f-Y049) mailto:sage [2022/12/14(水) 15:29:36.69 ID:SYyRtVe00.net] あっちの答えを参考にやってみたら？ 242 名前：名無しさん＠お腹いっぱい。 (ｱｳｱｳｳｰT Sa6b-d2tu) mailto:sage [2022/12/14(水) 19:13:08.02 ID:ZGtXkexAa.net] 書き込み出来た。 243 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/12/14(水) 19:54:20.64 ID:RNzcTLjM0.net] Firefox_ToolBarButtonsバグってます 244 名前：名無しさん＠お腹いっぱい。 (ｱｳｱｳｳｰT Sa6b-d2tu) mailto:sage [2022/12/14(水) 20:24:15.41 ID:ZGtXkexAa.net] ブックマークツールバーをマウスオーバーで自動開閉したい。 次で動作するけど、サイトの表示部がズレない方法ないですか？ /*#PersonalToolbar:not(:hover) { visibility: collapse !important; background-color:transparent !important; -moz-transition-duration: .5s !important; -moztan-rsition-timing-function: ease-in-out !important; } #navigator-toolbox:hover > #PersonalToolbar { visibility: visible !important; -moz-transition: .5s ease-in-out; } 245 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 7f76-kMgp) mailto:sage [2022/12/16(金) 12:36:00.04 ID:kSoYnLni0.net] 108になってタブバーが下になってサイト表示と重なって困ったことになっていたがなんとか直せた いらなくなったのに消していない記述が悪さをしていたようだった 見よう見まねなので記述を足すばかりでやってきたが今もいらないのが残ってるんだろな 246 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW dfec-CrXm) mailto:sage [2022/12/16(金) 21:27:15.96 ID:hzoDGWYH0.net] URLバーの右にある星を以下で非表示にしてるんですけど、 #star-button-box { display: none !important; } 108.0になってから、メニューの「ブックマーク」→「現在のタブをブックマーク」から ブックマークしようとすると「ブックマークを追加」のポップアップが一瞬で消えてしまうようになりました。 星を非表示のまま、ポップアップを表示したままにできませんか。 247 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ df20-5+d1) [2022/12/16(金) 22:54:13.15 ID:PU31RwHZ0.net] >>241 #star-button-box { position: relative !important; top: var(--urlbar-height) !important; } 248 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/12/16(金) 23:34:41.51 ID:hzoDGWYH0.net] >>241 サンクス、確かに目につかなくはなったけど ポップアップを表示したままにするのは何かそういうオプションが無いと無理か。 ポップアップにマウスもっていかないと数秒で消えちゃう。 249 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/12/17(土) 00:17:49.82 ID:HlfR7nuuM.net] >>243 visibility: collapse !important; ではどう？ 250 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/12/17(土) 00:45:38.23 ID:AMBx9jDc0.net] >>244 動きとしては>>241と同じですね。 ポップアップは一瞬で消えちゃいます。 251 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 3bcf-p78k) mailto:sage [2022/12/17(土) 02:35:37.50 ID:Wj7ZIua20.net] それはおかしいね 3.5秒後のはずだけど 252 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ ea20-Yn5v) [2022/12/17(土) 03:56:54.43 ID:URujujlu0.net] >>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; } 253 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW b302-Wa/o) mailto:sage [2022/12/17(土) 08:47:28.84 ID:ZgnwgTgS0.net] 108にて、SidebarModokiのDLのCSSが効かなくなったようです 254 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW 8aec-q7kF) mailto:sage [2022/12/17(土) 09:31:37.27 ID:AMBx9jDc0.net] >>247 ありがとうございます。参考にして以下のようにしてみました。 かなり愚直ですけど… #star-button-box { /* URLバーの☆は「ブックマーク」下近辺に隠す */ position: fixed !important; top: 62px !important; left: 209px !important; } #editBookmarkPanel { /* メニューの「ブックマーク」直下に表示 */ margin-top: -73px !important; margin-right: -286px !important; } これならメニューから「現在のタブをブックマーク」で、そのマウス位置にポップアップが表示されるので、オンマウスで数秒経っても消えないですね。 255 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW 8aec-q7kF) mailto:sage [2022/12/17(土) 11:54:44.65 ID:AMBx9jDc0.net] このような感じにしました。 https://i.imgur.com/flCMEvM.png おそらく107まではこんな感じだったと思うのです。 256 名前：名無しさん＠お腹いっぱい。 (ｱｳｱｳｳｰ Sa9f-XGw9) mailto:sage [2022/12/20(火) 19:39:37.57 ID:IxTLUp7ja.net] ブックマークツールバーをマウスオーバーで自動表示する方法教えて! 257 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 1f58-GAFQ) mailto:sage [2022/12/20(火) 23:30:37.49 ID:0gALqOZd0.net] CSSだけでって無理がある スクリプトでやれ 258 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW 8aec-q7kF) mailto:sage [2022/12/21(水) 00:11:07.46 ID:s2h0nfoF0.net] pixivトップの画像一覧で、ユーザ名にマウスオーバーするとポップアップでユーザ詳細が出てくるんですけど 邪魔なのでポップアップが出ないようにしたいのですが、要素を調査しようにも消えてしまい捕まえられません どうやって調べればいいでしょうか 259 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ ea20-Yn5v) [2022/12/21(水) 02:33:41.88 ID:q3ki8rq80.net] >>253 1. デバッガーを開く Ctrl+Shift+C, Ctrl+Shift+Z とか 2. デバッガーを開いた状態で対象にマウスオーバーしてポップアップを出させる デバッガー以外の場所をクリックしてフォーカスを移してしまわないよう注意 3. F8 キーで「停止」 あとはインスペクターを開いて煮 260 名前：るなり焼くなり [] [ここ壊れてます] 261 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW 8aec-q7kF) mailto:sage [2022/12/21(水) 08:52:42.05 ID:s2h0nfoF0.net] >>254 すみません、F8で停止しないようです １．Ctrl+Shift+Cでデバッガを開く ２．マウスオーバーでポップアップさせる ３．F8押しても停止せずマウスオーバーが離れるとポップアップが消える 262 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW 8aec-q7kF) mailto:sage [2022/12/21(水) 09:42:45.30 ID:s2h0nfoF0.net] 停止はできませんでしたがセレクタは確認できたので、それでポップアップを非表示にできました ありがとうございました 263 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 66bf-N2O4) [2022/12/21(水) 09:54:13.57 ID:C1RoVfoh0.net] >>255 Ctrl+Shift+Cの後に「デバッガー」タブをクリックしないとF8で止まらない 264 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 7b11-Wt/R) mailto:sage [2022/12/21(水) 11:12:57.51 ID:OWlkyIE00.net] まあカンマだと一連の動作だとわかりにくいよな Ctrl+Shift+Cでインスペクター開いてからCtrl+Shift+Zでデバッガーを開く 265 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 3ec0-Bday) mailto:sage [2022/12/21(水) 11:19:33.92 ID:6sRfXUXB0.net] Aris-12さんのCustomCSSforFxを適用してる環境で alice0775さんのuserChrome.jsのスクリプトを動くようにしたいんだけど 双方のuserChrome.cssとuserChrome.jsって 共存可能なんでしょうか そのまま内容をマージしちゃっても大丈夫ですか 266 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW 8aec-q7kF) mailto:sage [2022/12/21(水) 12:17:04.00 ID:s2h0nfoF0.net] >>258 ありがとうございます F 8で停止してインスペクターでセレクター確認できました 267 名前：名無しさん＠お腹いっぱい。 (ｱｳｱｳｳｰ Sa9f-XGw9) mailto:sage [2022/12/21(水) 15:48:37.75 ID:5h+DRZnja.net] ‹‹239 ToolbarAutoHide.uc.jsで解決。 ただし多段表示は問題あり。 268 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ ea20-Yn5v) [2022/12/21(水) 19:00:19.22 ID:q3ki8rq80.net] >>257-258 補足ありがとう まさしく「一連の動作」のつもりだったんだけど分かり難かったですね 269 名前：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ afda-LPRY) mailto:sage [2022/12/21(水) 19:57:10.73 ID:2cyeDr1Z0.net] >>259 そもそもファイル被ってないからマージするものがないでしょ 270 名前：名無しさん＠お腹いっぱい。 (ﾌﾞｰｲﾓ MMe6-974H) mailto:sage [2022/12/22(木) 00:28:38.62 ID:PKzlvT6DM.net] >>251 #PersonalToolbar{ --uc-bm-height: 20px; /* Might need to adjust if the toolbar has other buttons */ --uc-bm-padding: 4px; /* Vertical padding to be applied to bookmarks */ --uc-autohide-toolbar-delay: 600ms; /* The toolbar is hidden after 0.6s */ /* 0deg = "show" ; 90deg = "hide" ; Set the following to control when bookmarks are shown */ --uc-autohide-toolbar-focus-rotation: 0deg; /* urlbar is focused */ --uc-autohide-toolbar-hover-rotation: 0deg; /* cursor is over the toolbar area */ } :root[uidensity="compact"] #PersonalToolbar{ --uc-bm-padding: 1px } :root[uidensity="touch"] #PersonalToolbar{ --uc-bm-padding: 7px } #PersonalToolbar:not([customizing]){ position: relative; margin-bottom: calc(0px - var(--uc-bm-height) - 2 * var(--uc-bm-padding)); transform: rotateX(90deg); transform-origin: top; transition: transform 60ms linear var(--uc-autohide-toolbar-delay) !important; z-index: 1; } #PlacesToolbarItems > .bookmark-item{ padding-block: var(--uc-bm-padding) !important; } #nav-bar:focus-within + #PersonalToolbar{ transition-delay: 100ms !important; transform: rotateX(var(--uc-autohide-toolbar-focus-rotation,0)); } #navigator-toolbox:hover > #PersonalToolbar{ transition-delay: 100ms !important; transform: rotateX(var(--uc-autohide-toolbar-hover-rotation,0)); } #navigator-toolbox:hover > #nav-bar:focus-within + #PersonalToolbar { transform: rotateX(0); } 271 名前：名無しさん＠お腹いっぱい。 (ｱｳｱｳｳｰ Sa9f-XGw9) mailto:sage [2022/12/22(木) 07:53:11.94 ID:hmf5PIfpa.net] >>264 レス、ありがとう。Ver109でデストしました。 1行の空行が表示され、そこにマウスオーバーでバーが表示されてます。 272 名前：名無しさん＠お腹いっぱい。 (ｱｳｱｳｳｰ Sa9f-XGw9) mailto:sage [2022/12/22(木) 08:21:29.88 ID:hmf5PIfpa.net] ごめん、コピペミスでした。 正常動作しました。 273 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/12/23(金) 23:49:59.93 ID:p0oBeOLd0.net] var(--urlbar-height)のようなCSS変数？を駆使して、画像の赤ポイントの座標を取得したいんですが、どのようなCSS変数を使えばいいでしょうか？ https://i.imgur.com/kH9w4Au.png X座標＝「ブックマーク」の左端 Y座標＝メニューバーの高さ＋タブバーの高さ＋URLバーの高さ を計算して使いたいです 274 名前：名無しさん＠お腹いっぱい。 (中止 5fb1-OA0F) mailto:sage [2022/12/24(土) 16:12:56.92 ID:qVFWxHD80EVE.net] >>267 CSS カスタムプロパティ (変数) の使用 https://developer.mozilla.org/ja/docs/Web/CSS/Using_CSS_custom_properties 275 名前：名無しさん＠お腹いっぱい。 (中止W 6bec-SwdK) mailto:sage [2022/12/24(土) 17:33:33.90 ID:i9gP+ApU0EVE.net] >>268 それはユーザ宣言するCSS変数だと思うのですが、 >>247にある --urlbar-height も実はその人が変数宣言したもので、Firefoxにあらかじめ組み込まれているものではない、ということでしょうか ということは「メニューバーの高さ」といった値もCSSでは取れないんですかね 276 名前：名無しさん＠お腹いっぱい。 (中止 c5da-wzKN) mailto:sage [2022/12/24(土) 18:14:08.19 ID:y6NvkF7m0EVE.net] 後者はともかく前者は変数で定義されてるわけがないから どのみちJavascript側でgetBoundingClientRectするしかないのでは？ 277 名前：名無しさん＠お腹いっぱい。 (中止 8f58-g2yx) mailto:sage [2022/12/24(土) 18:25:04.08 ID:Ty1ZUtqn0EVE.net] >>269 最終的にやりたいことはスクリプトでないと無理 --urlbar-height プロパティについては Firefox が（UIのCSSで参照するため）設定している https://searchfox.org/mozilla-release/source/browser/components/urlbar/UrlbarInput.sys.mjs#2062 278 名前：名無しさん＠お腹いっぱい。 (中止W 6bec-SwdK) mailto:sage [2022/12/24(土) 20:13:13.54 ID:i9gP+ApU0EVE.net] はー、--urlbar-height あたりのプロパティは特別扱いで組み込まれてるんですね… ありがとうございました 279 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/12/24(土) 21:54:06.33 ID:Ty1ZUtqn0EVE.net] 特別扱いというか、Firefox のUIおCSSｓで使うために設定している ユーザーのために設定してるわけじゃない 我々はそれを勝手に利用してるだけ 280 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/12/24(土) 21:55:49.36 ID:Ty1ZUtqn0EVE.net] なんか変なtypoになった・・・ 「UI の CSS で」だよ 281 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/12/25(日) 12:18:08.93 ID:pU//23r30XMAS.net] 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; } 続く 282 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/12/25(日) 12:23:32.83 ID:YWJN3x9f0XMAS.net] なーにが「続く」だよ 283 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/12/25(日) 12:36:37.19 ID:pU//23r30XMAS.net] 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; } 284 名前：名無しさん＠お腹いっぱい。 mailto:sage [2022/12/25(日) 13:29:38.51 ID:YWJN3x9f0XMAS.net] ブックマークのスターボタンで見てみた https://i.imgur.com/bEIm9GE.jpg 285 名前：275＆277 (ﾜｯﾁｮｲ 8573-dxp0) mailto:sage [2022/12/26(月) 00:02:44.67 ID:X0JCSJye0.net] >>278 続く、の件ではイラっとさせて申し訳ない。専ブラ慣れてなくてエラーですぐに書き込めなかったの 275に書いた症状はこんな感じです 1　107.0.1まで　https://imgur.com/a/gTXgDje 2　108.0.1 https://imgur.com/a/ln7SFW5 何か所か表示に変化が出た中でurlバー内のアイコンがバカでかくなるのだけは自力ではどうやっても解決出来ません 278でヒントを頂いたのですが残念ながらお手上げです 275&277の記述も多分4~5年前に親切な方がcssスレに書き込んで下さったものの流用です よろしくお願いします

---

---

[ 続きを読む ] / [ 携帯版 ]

read.cgi ver5.27 [feat.BBS2 +1.6] / e.0.2 (02/09/03) / eucaly.net products.
担当:undef