22/05/28 10:06:53 IZT4bQJw0.net
>>42
ブラウザーツールボックス右上の「…」メニューで「ポップアップを自動で隠さない」にチェックを入れ、対象メニューを開く
ツールボックス左上の矢印アイコンをクリックし、対象メニューをクリック
インスペクターの右サイドバー「ルール」タブの「スタイルを絞り込み」に background と入れる
左のツリーで対象付近の要素を一つ一つ選択しながら
右バーに background: ... または background-color: ... が出てこないか見る
menuitem なんかは backgrond-color: transparent; になっているがこれは透過色
この祖先のどこかで実際の色が設定されているはず…
ツリー上で祖先に向かって要素をたどっていくと、#PlacesToolbar menupopup に
background: var(--arrowpanel-background);
が設定されていることが分かった
URLリンク(i.imgur.com)
名前が -- で始まり var(...) の形で使われているのはカスタムプロパティ
CSS カスタムプロパティ (変数) の使用 - CSS: カスケーディングスタイルシート | MDN
URLリンク(developer.mozilla.org)
背景色を設定するなら文字色も忘れずに
同じようにして color を探し、値を設定(>>41)しておしまい
44:名無しさん@お腹いっぱい。
22/05/28 13:41:51.72 YCk82iJr0.net
>>43
さんくす、丁寧にありがとうございます
ブラウザーツールボックスはこうやって使うんですね
左上の矢印アイコンクリックして左ペインのインスペクターしかみてませんでした
>>41のgreenも確認できました
これは設定できる箇所が大幅に増えそうな予感、ありがとうございました
45:名無しさん@お腹いっぱい。
22/05/28 13:49:28.73 PF0E3AhX0.net
>>43
こんな感じにブラウザーツールボックスの使い方を解説してくれるとありがたいんだけど
ネット上には全くないんですよね
46:名無しさん@お腹いっぱい。 (ワッチョイ 0903-yO3c)
22/05/28 22:18:22 6NdCPfn60.net
触れば分かるからな
分からないのは触ろうとしないから
47:名無しさん@お腹いっぱい。 (ワッチョイ 93f4-yO3c)
22/05/31 23:57:16 JYXMBhsz0.net
101.0 にしてしまいました。
すると,最大化したときにタブバーの上に3mmほどの不要な部分が表示されるようになってしまいました。
最大化しないときは,その不要な部分は表示されません。
何をどういじれば直るか教えてください。
48:名無しさん@お腹いっぱい。 (ワッチョイW a143-r9m8)
22/06/01 08:34:02 neMLG3g50.net
>>47
もし、userChrome.cssに
:root[tabsintitlebar][sizemode="normal"] #titlebar { appearance: none !important; }
という行があるなら、
:root[tabsintitlebar] #titlebar { appearance: none !important; }
に置き換え
49: 今まで非最大時のみに働いてた設定が最大時にも働くようになった模様
50:名無しさん@お腹いっぱい。 (ワッチョイ 93f4-yO3c)
22/06/02 20:11:58 WNBHdlOF0.net
>>48
レス,ありがとうございます。
しかし,userChrome.css
:root[tabsintitlebar][sizemode="normal"] #titlebar { appearance: none !important; }
はないです。
tabsintitlebar で検索をかけてもヒットしません。
う~む。
51:名無しさん@お腹いっぱい。 (ワッチョイW a143-r9m8)
22/06/03 06:11:20 xTDB0Ajx0.net
じゃあ追記して
52:名無しさん@お腹いっぱい。 (ワッチョイ 93f4-yO3c)
22/06/03 18:31:29 eMK/Myis0.net
>>50
追記しましたが,変わりませぬ…
53:名無しさん@お腹いっぱい。 (ワッチョイ 9376-HnzB)
22/06/03 20:58:43 fguX+PZB0.net
用いているCSSを見せれば誰かが解明してくれる
54:名無しさん@お腹いっぱい。 (ワッチョイ d397-6SS3)
22/06/03 21:18:48 EYp1fYZY0.net
多段タブあたりのスクリプトかもしれんし
55:名無しさん@お腹いっぱい。 (ワッチョイ 4af4-Rebr)
22/06/05 21:49:30 mMS3A2Yl0.net
多段タブで,3段までとし,4段以上にするとスクロールするようにしています。
101.0にしてから,
最大化しないと,タブバーの上には何もないのですが,
URLリンク(imgur.com)
最大化すると,タブバーの上に余白ができます。
URLリンク(imgur.com)
この余白をなくすためには,userChrome.css などで何を変更すればよいか教えてください。
56:名無しさん@お腹いっぱい。
22/06/22 15:34:28.81 0379nkCy0.net
画像を表示したときに背景白、左寄せにしたいのだけど
100.0.2まで効いていたのが101.0から効かなくなって
101.0.1でも変わりありません
100.0.2
URLリンク(i.imgur.com)
101.0.1
URLリンク(i.imgur.com)
画像の縦の長さ分しか効かなくなってしまいました
修正箇所を教えてください
57:名無しさん@お腹いっぱい。
22/06/22 15:35:46.21 0379nkCy0.net
すみません忘れてました
@-moz-document regexp("^(https?|ftp)(:\/\/[-_.!~*\'()a-zA-Z0-9;\/?:\@&=+\$,%#]+)\.(jpg|gif|png)$") {
@media not print {
body { background: #FFFFFF !important; }
img {position: relative !important; margin: .5em !important; }
}}
58:名無しさん@お腹いっぱい。
22/06/22 17:14:52.91 FNd1XM0S0.net
>>56
body → :root
59:名無しさん@お腹いっぱい。 (ワッチョイ 17cf-sER5)
22/06/23 00:11:33 vdIrPs5L0.net
>>57
出来ましたありがとう
60:名無しさん@お腹いっぱい。 (ワッチョイ 7f7e-oHrC)
22/06/27 21:26:00 5GeqMVwr0.net
このスレだったか、以前URLバーの鍵アイコンを緑にするCSSを拾ったのですが、
盾アイコンがトラッカーなどをブロック中に赤くするCSSはないでしょうかね?
鍵アイコンを緑にするCSSです。
#identity-box[pageproxystate="valid"].verifiedDomain #identity-icon,
#identity-box[pageproxystate="valid"].mixedActiveBlocked #identity-icon {
fill-opacity: 1 !important;
fill: #12BC00 !important;
}
61:名無しさん@お腹いっぱい。 (ワッチョイ 7f76-hYij)
22/06/27 22:04:58 K65BvaKl0.net
>>59
はい
URLリンク(www.reddit.com)
62:名無しさん@お腹いっぱい。 (ワッチョイ 7f7e-oHrC)
22/06/27 22:20:17 5GeqMVwr0.net
>>60
うまく行きました。
ありがとうございます。
63:名無しさん@お腹いっぱい。 (ワッチョイW 8fda-Ag9d)
22/06/28 00:17:57 SMYguXOJ0.net
-moz-accent-color、-moz-accent-color-foregroundがそれぞれAccentColor、AccentColorTextに置き換わるので使ってる人は気をつけて
URLリンク(bugzilla.mozilla.org)
今のところ103で実装予定(Nightly実装済)
64:名無しさん@お腹いっぱい。
22/06/28 23:10:25.89 jPz8AO/Dd.net
Firefox 102.0
テーマ Google Chrome Darkを使用
いままではこれでタブの上に青い線をCSS
.tab-background[multiselected],
.tab-background[selected="true"] {
background: linear-gradient(to bottom, #0A84FF 1px, var(--toolbar-bgcolor) 0%, var(--toolbar-bgcolor) 100%) !important;
}
menupopup > menuitem,
menupopup > menu {
padding-block: 0.25em !important;
}
で出してたのですが、102.0にしたら消えてしまいました。
デフォのダークやシステムのテーマでは出てるんですけど
その他のテーマでまたタブの上部に青い線出せたらお教え下さい。
65:名無しさん@お腹いっぱい。 (スッップ Sd5f-PetT)
22/06/29 00:18:14 TieFJLCxd.net
上の
menupopup > menuitem,
menupopup > menu {
padding-block: 0.25em !important;
}
は余計な行文でした。
66:名無しさん@お腹いっぱい。
22/06/29 02:59:37.28 TieFJLCxd.net
テーマがタブの枠色を指定しているとそっちが優先されているぽいです。
67:名無しさん@お腹いっぱい。 (ワッチョイ 0f76-hYij)
22/06/29 09:42:27 rcduSRph0.net
>>65
Firefoxに最初から入ってるテーマだったら青い線出るよ
68:名無しさん@お腹いっぱい。 (アウアウクー MMa3-FPAT)
22/06/29 11:42:24 1pPD8z2AM.net
>>65
outline: none !important;
を追加
69:名無しさん@お腹いっぱい。 (ニククエ Sd5f-PetT)
22/06/29 12:48:30 TieFJLCxdNIKU.net
>>67
出来ました!
ありがとうございます。
マジ感謝です。
これで四角タブの上に青線出せました。
>>66
デフォのダーク システム ライトでは青線出せるのは存てましたが無事67さんのお陰で解決出来ました。
70:名無しさん@お腹いっぱい。 (ニククエ 8f5c-XcFC)
22/06/29 22:49:54 LGdSgbxk0NIKU.net
「アプリケーションメニューを開きます」を押したとき
メニューが右寄に表示される様に調整したいけど
どうすれば良いか教えてください
71:名無しさん@お腹いっぱい。 (ワッチョイW 0aaa-8+q1)
22/07/04 23:51:46 7aiNOSS40.net
>>60 を参考にしてて、トラッキング防止の盾アイコンを紫色に戻すやつが上手く動かないのですが
どうすればいいでしょうか?
#urlbar-input-container[pageproxystate="valid"] #tracking-protection-icon-box:not([hasException])[active] > #tracking-protection-icon {
fill-opacity: 1 !important;
fill: #7542E5 !important;
}
今のシンプルなアイコンを紫色にしたいです。こんな感じに
URLリンク(prismic-io.s3.amazonaws.com)
72:名無しさん@お腹いっぱい。 (ワッチョイ 6b76-tcWx)
22/07/05 10:06:35 I7+yoYaO0.net
>>70
赤色を紫にするだけなら>>60の
fill: red !important; を fill: #7542E5 !important; に
73:名無しさん@お腹いっぱい。 (ワッチョイW 0aaa-8+q1)
22/07/05 10:27:47 62MlGY5u0.net
>>71
すみません
そもそも>>60自体が効かないんです
74:名無しさん@お腹いっぱい。 (ワッチョイ 6b76-tcWx)
22/07/05 10:37:08 I7+yoYaO0.net
>>72
他に用いているcssは効いてるの?
75:名無しさん@お腹いっぱい。 (ワッチョイW 0aaa-8+q1)
22/07/05 10:50:19 62MlGY5u0.net
>>73
他のは効いています
すいませんどうやらクロスサイトトラッキングが検出されたときにのみ色が変わる様でした
なので動いてること確認できましたありがとうございました
76:名無しさん@お腹いっぱい。 (ワッチョイ 6b76-tcWx)
22/07/05 11:15:54 I7+yoYaO0.net
おい
77:名無しさん@お腹いっぱい。 (ワッチョイW 0aaa-8+q1)
22/07/05 11:33:43 62MlGY5u0.net
>>75
確認不足ですみません
78:名無しさん@お腹いっぱい。
22/07/09 17:16:54.88 IAbm//gJ0.net
googleの検索結果に番号を付けるCSSなんですが、いつの間にか動かなくなっていました
あると便利なので修正箇所分かる方いたら教えてください
よろしくお願いします
@-moz-document url-prefix("URLリンク(www.google.co.jp)),
url-prefix("URLリンク(www.google.com)),
url-prefix("URLリンク(www.google.co.jp)),
url-prefix("URLリンク(www.google.com)){
/* カウンタを生成 */
div#res{
counter-reset: head !important;
}
/*.g > .r:before{ */
div.rc h3::before {
counter-increment: head !important;
content: "#" counter(head) !important;
font-size: 18px !important;
font-weight: bold !important;
margin-right: 5px !important;
padding: 0px 4px !important;
background: white url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAeCAMAAAAiq38CAAAAA3NCSVQICAjb4U/gAAAAYFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADu7u7v7+/w8PDx8fHy8vLz8/P09PT19fX29vb39/f4+Pj5+fn6+vr7+/v8/Pz9/f3+/v7///9uR0UGAAAAQUlEQVQYlXXGtwGAMAAEsZ8ATHIk7L+lK5+/QZX0QdYX3ge64W1Qq4PqbIE3QwneCF346QnvAe3wbpgNCtAK74IOWSsakaslG2kAAAAASUVORK5CYII=") left top !important;
color: #bbb !important;
border: 1px solid #bfbfbf !important;
-moz-border-radius: 3px !important;
}
}
79:名無しさん@お腹いっぱい。
22/07/09 17:39:59.23 u8I2pcepa.net
>>77
stylus検討されたし
80:名無しさん@お腹いっぱい。 (ワッチョイ cd58-ypzp)
22/07/09 19:52:16 jaCAR1Qz0.net
>>77
div.rc ってどこのこと?
rc なんてクラスついた要素ないと思うんだけど
81:名無しさん@お腹いっぱい。 (ワッチョイ 4576-uScL)
22/07/09 20:07:47 vr6cpyc70.net
>>77
URLリンク(sutasutashiki.blogspot.com)
82:名無しさん@お腹いっぱい。 (ワッチョイ cd58-ypzp)
22/07/09 20:26:02 jaCAR1Qz0.net
stylus とか好みの問題で関係ない
83:名無しさん@お腹いっぱい。 (ワッチョイ a3b1-lXIq)
22/07/09 22:32:31 IAbm//gJ0.net
>>79
今まで使っていたcssをコピペしたので、詳しい事はわかりません、ごめんなさい
>>80
紹介ありがとうございます
ただ、サイトの途中に書いてある
/* Google */
div.r h3::before {
counter-increment: result;
content: counter(result) ". ";
}
に変更してみたのですが、こちらでは動かなかったのですが、自分のミスですかね?
84:名無しさん@お腹いっぱい。 (ワッチョイ cd58-ypzp)
22/07/09 22:54:23 jaCAR1Qz0.net
>>82
そっちは見るなよ
その上にこうあるだろ
#search h3::before { }
ていうかドメイン限定してるから #search もいらない
ちゃんと自分で検索ページを F12 押して調べなさい
85:名無しさん@お腹いっぱい。 (ワッチョイ cd58-ypzp)
22/07/09 22:55:54 jaCAR1Qz0.net
そのブログ記事 2021年4月8日更新 だぞ
当時は知らんが div.rc も div.r もないから
86:名無しさん@お腹いっぱい。 (ワッチョイ 4576-uScL)
22/07/10 18:26:20 PlDH7gqt0.net
>>82
それは効かない
87:名無しさん@お腹いっぱい。 (ワッチョイ a3b1-lXIq)
22/07/10 18:55:20 hBTv0RfA0.net
>>83,85
お二人ともレスどうもありがとう
やっぱり効かないんですね
番号のつけ方的にそっちのほうが好みなんですが、無理なんですかね?
88:名無しさん@お腹いっぱい。 (ワッチョイ 4576-uScL)
22/07/10 19:07:51 PlDH7gqt0.net
自分はできません
89:名無しさん@お腹いっぱい。 (ワッチョイ cd58-ypzp)
22/07/10 19:19:33 UtyQIc4w0.net
>>86
効くとか効かないとかじゃなくて
少しは自分でウェブ開発ツールのインスペクタで確認しろよ
そうすりゃ汎用性はないけどなんとかする道はある
だけどそういうのは検索ページの仕様変更ですぐ使えなくなる
それを自分で調べる覚悟がなければ無理
90:名無しさん@お腹いっぱい。 (アウアウウーT Sa09-TkQT)
22/07/10 19:41:42 eiTcRPNJa.net
>>86
「検索結果のナンバリング」で検索されたし
91:名無しさん@お腹いっぱい。 (ワッチョイ cd58-ypzp)
22/07/10 19:41:42 UtyQIc4w0.net
>>86
これがインスペクタの表示
URLリンク(i.imgur.com)
92:名無しさん@お腹いっぱい。 (ワッチョイ cd58-ypzp)
22/07/10 19:44:22 UtyQIc4w0.net
>>89
それで出てくる上位は古かったり間違ってたり・・・
自分でやりたいようにやらないと意味ない
93:名無しさん@お腹いっぱい。 (ワッチョイ cd58-ypzp)
22/07/10 19:55:24 UtyQIc4w0.net
>>90 の画像は2つに分かれていて
上の方は、検索結果の内容は div#search の中に入っていることを示したもの
下の方は、階層になっている例として
「Firefox 高速プライベートブラウザー - Google Play のアプリ」
「Android 版 Firefox Beta - Google Play のアプリ」
の箇所を示した
ここから法則を導き出して頑張ってくれ
94:名無しさん@お腹いっぱい。 (ワッチョイ fdb0-TkQT)
22/07/10 20:49:28 4NqnY4XL0.net
オッ、なんかこの時間帯親切なネ申がいるみたいなんで俺も質問
右クリメニュー等の背景に透過png画像(狐ロゴ)を表示させてたんだけど(.menupopup-arrowscrollbox)
内部仕様が変わってメニュー全体が透過されるようになっちゃった
なのでもう一階層下に(.scrollbox-clip)指定し直してみた
すると表示自体は一応元通りにはなったんだが、なぜかタブバーにも画像が現れてしまう
どうしたらいいのか分からん教えろ下さい<m(__)m>
95:名無しさん@お腹いっぱい。 (ワッチョイ a3b1-lXIq)
22/07/11 23:48:48 bc2Q49FA0.net
>>90
遅ればせながら、わざわざ画像まで作って説明してくれてありがとう
自分で解決出来れば一番良いので、この機会に勉強してみます
96:名無しさん@お腹いっぱい。
22/07/12 16:20:03.92 ICSF3SAm0.net
アドレスバーでhttpのサイトのURLを赤く表示するCSSを見つけました。
#identity-box[pageproxystate="valid"].notSecure ~ .urlbar-input-box{ color: red }
で、逆にhttpsのサイトのURLを緑で表示することもできるんじゃないかと思うのですが、
どう書けばいいでしょうか?
素人考えで色をgreenにして、notSecureの部分をSecureにすればいいのではないかと思ったのですが、
ダメでした。
97:名無しさん@お腹いっぱい。
22/07/12 16:30:39.61 ICSF3SAm0.net
自己解決しました。
ふと思い当たって、notSecureを外せばいいのではないかと試したらうまく行きました。
#identity-box[pageproxystate="valid"] ~ .urlbar-input-box{ color: green }
98:93 (ワッチョイ fdb0-TkQT)
22/07/14 23:38:30 r4F0p2vW0.net
おい、もはやお前らだけが頼りなんだが?
マジで頼むが?
99:名無しさん@お腹いっぱい。 (ワッチョイ 4576-uScL)
22/07/15 00:12:19 yMzH5nh+0.net
>>97
素人考え
:not(#TabsToolbar)
100:97 (ワッチョイ 69b0-GsVe)
22/07/17 14:37:37 F8E2RULa0.net
>98㌧
駄目だった…w
他にも
tabbrowser-tabs
toolbar-items
TabsToolbar-customization-target
とか試したけど消えず
つかそもそも上位のIDが指定出来りゃ苦労は無いのに
shadow-rootとかいうわけわからんIDだから困る
引き続き気長にネ申を待つ
101:名無しさん@お腹いっぱい。 (ワッチョイ 5511-rfkg)
22/07/17 14:58:41 FBNMCZmD0.net
shadow-rootってことはshadowDOM
その下の要素を指定してスタイルを適用するには::partを使う必要がある
だけどuserChrome.cssは::partを使えないから、userChrome.jsのスレで質問し直しの方がいい
102:名無しさん@お腹いっぱい。 (ワッチョイ 5a97-HEGZ)
22/07/17 15:00:25 6eLzhjZU0.net
.menupopup-arrowscrollbox { background-image: url("hoge.png") !important; }
で特に問題ないように見えるが
もしかして background: url("hage.png") !important; してた?
103:99 (ワッチョイ 69b0-GsVe)
22/07/17 15:47:57 F8E2RULa0.net
>101
か、解決した…www
つーかそこなの????????
89.0あたりで仕様が変わってからずーっと
あーでもないこーでもないやってたんだが
盲点にも程があるw
101氏をはじめレス下さった皆様本当にありがとうございました<m(__)m>
104:名無しさん@お腹いっぱい。 (ワッチョイ 7bcf-VsAj)
22/07/27 02:40:17 hL6DRW0N0.net
>>62
ありがとう
-moz-accent-color-foreground → AccentColorText
メニューバーの文字色が黒になってしまったものを白に戻せました
105:名無しさん@お腹いっぱい。 (ワッチョイW 13aa-eGtk)
22/07/27 13:26:34 HQSrqE4/0.net
タブが一つの時はタブバーを非表示にするやつなんですが、
ver.103に上げると画像の通りnewtab-buttonが残るようになってしまいました。
修正方法を教えてください。
URLリンク(i.imgur.com)
/* Hide New Tab Button immediately next to solo tab */
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] {
visibility: collapse;
}
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] + toolbarbutton {
visibility: collapse;
}
106:104 (ワッチョイW 13aa-eGtk)
22/07/27 13:49:52 HQSrqE4/0.net
cssが切れてたので以下で全文です。
これがver.103でnewtab-buttonが残ってしまいます。
教えてくださいませ。お願いします。
/* Hide New Tab Button immediately next to solo tab */
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] {
visibility: collapse;
}
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] + toolbarbutton {
visibility: collapse;
}
#tabbrowser-tabs .tabs-newtab-button {
visibility: collapse;
}
#tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox, #tabbrowser-arrowscrollbox {
min-height: 0 !important;
}
107:名無しさん@お腹いっぱい。 (ワッチョイ b9be-Mq9P)
22/07/27 15:15:38 gl1EkmbL0.net
>>105
toolbarbutton を * に変える
108:名無しさん@お腹いっぱい。 (ワッチョイW 13aa-eGtk)
22/07/27 16:08:17 HQSrqE4/0.net
>>106
おお!ありがとうございます!期待通りになりました。
いろいろ調べていて、以下にするとシンプルに書けました。
tab:only-of-type, tab:only-of-type + * {
display: none !important;
}
#tabbrowser-tabs, #tabbrowser-arrowscrollbox {
min-height: 0 !important;
}
109:名無しさん@お腹いっぱい。 (ワッチョイW ed58-/Dcl)
22/07/31 16:41:33 rkkfbBAF0.net
目的 全サイト見にくいゴシック体・サンセリフ体を表示しない 丸ゴシック体で表示する プロポーショナルメトリクス字詰め
Firefoxフォント設定
「ウェブページが優先したフォントを優先する」チェックはずす
googleサイト→Stylus指定のフォントになる
英語圏サイト(tx16wxなど)→セリフ体
「ウェブページが優先したフォントを優先する」チェックいれる
googleサイト→ゴシック体
英語圏サイト(tx16wxなど)→Stylus指定のフォントになる
ド素人です
和文も欧文もその他言語文字も指定したいんですが、丸ゴシック体になりません
教えてくださると嬉しいです
body {
font-family : "ヒラギノ丸ゴ ProN", "UD新丸ゴ", "UDじゅん", "Helvetica Rounded" !Important ;
font-size : 1em ;
font-weight : 500 ;
-webkit-text-stroke : 0.1px ;
-webkit-text-stroke-width: 0.1px
!important;
-font-feature-settings: 'palt' 1;
}
div,dd,dt,dl,p,em,li,textarea,form,input {
font-size : 1em ;
font-weight : 500 ;
-webkit-text-stroke : 0.1px ;
}
110:名無しさん@お腹いっぱい。 (ワッチョイ 5db1-zGVG)
22/07/31 19:02:01 W/RrEZUB0.net
>>108
こんな感じでチマチマやる
@font-face {
font-family: "見にくいゴシック体";
src: local("ヒラギノ丸ゴ ProN");
}
111:名無しさん@お腹いっぱい。 (ワッチョイ 16b0-dSCr)
22/07/31 20:33:22 v1ETjEP60.net
/* ウインドウアクティブ時のタイトルバーの背景色をOSのテーマ色に変更(以前の規定テーマと同じ) */
:is(#TabsToolbar, #toolbar-menubar):not(:-moz-window-inactive) {
color: -moz-accent-color-foreground;
background-color: -moz-accent-color;
}
最新版(103.0)にしたらこれが効かなくなったんだけどどうしたらいいだろう
112:名無しさん@お腹いっぱい。 (ワッチョイ ed58-dSCr)
22/07/31 20:58:36 yUdbE63N0.net
>>110
>>62
113:名無しさん@お腹いっぱい。 (ワッチョイ 16b0-dSCr)
22/07/31 21:14:13 v1ETjEP60.net
>>111
ありがとう
できました
114:名無しさん@お腹いっぱい。 (ワッチョイ ed58-fu01)
22/08/02 19:41:39 gvAMb99Y0.net
すいません、Firefoxでブックマークツールバーを常時表示にして、ブックマークをアイコンだけにして大量の
ブックマークアイコンを並べてるのですが、これの余白を更に詰めてより大量のアイコンを並べる事って可能ですかね?
ググってもブックマークメニューの行間(縦)を詰める情報だけ出てきて横に詰める方法が分かりません
この辺はと�
115:ュに変わりませんでした ↓ #toolbar-menubar toolbarbutton { padding-left: 1px !important; padding-right: 1px !important; }
116:名無しさん@お腹いっぱい。 (ワッチョイ d5be-lvpu)
22/08/02 19:53:57 q+FE1K4z0.net
>>113
#PlacesToolbarItems > .bookmark-item {
padding-left: 1px !important;
padding-right: 1px !important;
}
117:名無しさん@お腹いっぱい。 (ワッチョイ ed58-fu01)
22/08/02 20:06:37 gvAMb99Y0.net
>>113
あ!!!出来ました!!!!
長年悩んでいたのですが貴方は神です!
118:名無しさん@お腹いっぱい。 (ワッチョイ ed58-fu01)
22/08/02 20:07:22 gvAMb99Y0.net
すいません神は>>114です
>>113はただのマヌケなので
119:名無しさん@お腹いっぱい。 (テテンテンテン MMee-p+P8)
22/08/03 19:47:41 XTwY3SBNM.net
jsのスレで書いた後こっちの方が適切かと思ったらそういうレスも頂いたのでこちらに移動して来ました
Youtubeで動画と上の検索窓の間の部分消したくてF12で内容見てみたのですが、そこは上の検索窓と一緒になってて(該当部分の文にカーソル合わせると一緒に緑色になる)間の部分だけの指定が見付かりませんでした
検索のある列はytd-searchbox…の指定で細くは出来たのですが、その下部分が不要なのでどうにか消したいです
ヒントでも良いのでアドバイスお願いします
120:名無しさん@お腹いっぱい。
22/08/03 23:06:00.45 NCehEACX0.net
>>117
動画上側の1cm程度のスペースを無くしたいという解釈でおk?
だとすると
div id="columns"
div id="primary" #主エリア
div id="secondary" #チャット/動画リスト
の冒頭だから多分この辺の上側の境界/詰め/余白を調べれば良いよな
ytd-watch-flexy:not([theater]):not([fullscreen]) #primary.ytd-watch-flexy,
ytd-watch-flexy:not([theater]):not([fullscreen]) #secondary.ytd-watch-flexy {
padding-top: var(--ytd-margin-6x);
}
121:名無しさん@お腹いっぱい。 (テテンテンテン MMee-p+P8)
22/08/05 10:52:31 3E/8tvVCM.net
>>118
遅くなりましたがレスありがとうございます
はい、その部分です
それでいじってみます
どうもありがとうございました
122:名無しさん@お腹いっぱい。 (ワッチョイW 7f44-U7Vh)
[ここ壊れてます] .net
拡張機能スレに書いたけどこっちの方がいいんかな
Stylusを1.5.26にしたら、userstyles.orgからインストールも更新も一切できなくなった
1.5.25に戻すと普通にできる
123:名無しさん@お腹いっぱい。 (ワッチョイ 6758-qwP8)
[ここ壊れてます] .net
いや、拡張機能の話だよね
124:名無しさん@お腹いっぱい。 (ワッチョイ 3d96-OdF3)
[ここ壊れてます] .net
アドレスバーにペーストしたときのみ背景の色が上に数ピクセルずれるんですが分かる方いますか?
カーソル置いただけでは問題ないのですが。
済みませんがどなたかお助けください。
URLリンク(iup.2ch-library.com)
125:名無しさん@お腹いっぱい。 (ワッチョイ b703-E+l9)
[ここ壊れてます] .net
106.0b1 で #firefox-view-button の隣にあるセパレータみたいな棒を消す方法はありませんか
126:名無しさん@お腹いっぱい。 (ワッチョイ f7be-gn4C)
[ここ壊れてます] .net
>>123
#firefox-view-button + #tabbrowser-tabs {
border-inline-start: none !important;
}
127:名無しさん@お腹いっぱい。 (ワッチョイ b703-E+l9)
[ここ壊れてます] .net
>>124
わぁ、ありがとう、ありがとう
128:名無しさん@お腹いっぱい。
22/09/22 16:51:48.73 Q7VMUzdOa.net
タブの高さは
#TabsToolbar { --tab-min-height: 24px; }で調整できますが、
タブバーの高さ調整どう記述すれば良いのでしょうか?
129:名無しさん@お腹いっぱい。 (ワッチョイ f7cf-/Tvp)
[ここ壊れてます] .net
>>126
少しは頭使えよ
min-てーのは最小値を設定/変更するのに書くもんだ
それよりも小さく指定されていたものならそれに従って大きくなる
逆の時は何の効果も無い
逆の時も含めて実際に指定したいならそれのないもん指定する必要がある
ということはわかるよな?
130:名無しさん@お腹いっぱい。 (ワッチョイ 7758-4Pr+)
[ここ壊れてます] .net
>>126
せめて伝聞形式にすればいいのに
ここまで堂々とバカを晒すってやっぱバカのさせる業
131:名無しさん@お腹いっぱい。
22/09/23 07:12:44.89 RcYlJlGXa.net
>>127
よく分からん?
タブの高さじゃなくタブバーの高さを変えたいと聞いてる。
132:名無しさん@お腹いっぱい。 (ワッチョイ 9278-3gU+)
[ここ壊れてます] .net
esr102にアップデートしたらuserChrome.cssに書いた内容の一部が動いてくれなくなりました
これは記述が古くなったので新しく書き直さなきゃいけないってことなんでしょうか?
ちなみに動いてくれない部分はこちらです
/* タブの色 */
/* 未読み込みタブ ・白*/
.tabbrowser-tab[pending] {
font-weight: normal !important;
background: white !important;
/* タブを閉じるボタンをマウスオーバー時のみ表示 */
/.tabbrowser-tab:not([pinned]):hover .tab-close-button.close-icon {display: inline-block !important;}
/#tabbrowser-tabs .tabbrowser-tab .tab-close-button {
/ display: none!important;
/}
133:名無しさん@お腹いっぱい。 (ワッチョイW c67e-H/oM)
[ここ壊れてます] .net
>>130
/* タブを閉じるボタンをマウスオーバー時のみ表示 */
#tabbrowser-tabs .tabbrowser-tab:not([pinned]):hover .tab-close-button.close-icon {
display: inline-block !important;
}
#tabbrowser-tabs .tabbrowser-tab .tab-close-button.close-icon {
display: none !important;
}
でどうだろう
「未読み込みタブ ・白」は普通に動いたけど、「}」が抜けてるだけだったりしない?
134:名無しさん@お腹いっぱい。 (ワッチョイ 6bb0-tX/F)
[ここ壊れてます] .net
スレチESRガイジに構うなよ
基地外が感染るぞ
135:名無しさん@お腹いっぱい。 (ワッチョイ 9278-3gU+)
[ここ壊れてます] .net
>>131
どうもありがとう
/* タブを閉じるボタンをマウスオーバー時のみ表示 */ の方はコピペする部分間違えていました…
正式にはこちらです
/#tabbrowser-tab:not([pinned]):hover .tab-close-button {
/ display: block !important;
/}
ただ、教えて貰った>>131の内容に書き換えてもやはり動いてくれませんでした
問題はuserChrome.cssの記述以外の所なのかな
136:名無しさん@お腹いっぱい。 (ワッチョイ 9278-3gU+)
[ここ壊れてます] .net
>>133に貼ったコードの一番手前の”/”は無視してください
>>131で教えて貰った内容に書き換えるためにコメントアウトしたものをそのままコピペしてしまいました
137:名無しさん@お腹いっぱい。 (ワッチョイ 9f11-1r8X)
[ここ壊れてます] .net
そもそもタブを閉じる記述全体の行頭の「/」は何目的なの?
1行だったら「/」を先頭につければいいよってのはjavascriptのコメントアウトで
CSSは1行でも複数行でも「/*~*/」なんなんだけども
そこを勘違いしていたとしてもそれはそれで全部消してるわけで
138:名無しさん@お腹いっぱい。 (ワッチョイ b358-+L0J)
[ここ壊れてます] .net
>>135
> 1行だったら「/」を先頭につければいいよってのはjavascriptのコメントアウトで
いいえ
1行コメントは「//」ですよ?
139:名無しさん@お腹いっぱい。 (ワッチョイ 9f11-1r8X)
[ここ壊れてます] .net
ああ、失礼
140:名無しさん@お腹いっぱい。 (ワッチョイ 9278-3gU+)
[ここ壊れてます] .net
>>135
すみません、自分自身ド素人で基本広いものを適当にいじって使ってきたレベルで…
過去に自分でコメントアウトのつもりでつけたのか、それとも拾ってきたものに最初から書かれていたのかはよくわかりません
あと、動いていない部分「未読み込みタブ ・白」ではなく「未読み込みタブ ・白」でした
未読み込みタブ ・白
.tabbrowser-tab[unreadTab] {
font-weight: normal !important;
background: white !important;
}
unreadは以前もバージョンアップの時に動かなくなったような記憶があります
あと「タブを閉じるボタンをマウスオーバー時のみ表示 」もいじった形跡があるということは同時期に動かなくなっていたかもしれません
141:名無しさん@お腹いっぱい。
22/09/27 18:35:39.54 23Zu2BGN0.net
右クリックメニューの背景色とマウスホーバー色を以下のように変更していたのですが、
いつの間にか反映されなくなりました。
menupopup{
--menu-background-color: #F4F4F4 !important;
--menuitem-hover-background-color: #C1C3C2 !important;
}
色々と試してみたのですが効果が見られませんでした。
お分かりの方、お教えいただけましたらありがたいです。よろしくお願いいたします。
142:名無しさん@お腹いっぱい。 (ワッチョイW 1644-yCIE)
[ここ壊れてます] .net
>>139
menupopup {
--panel-background: #F4F4F4 !important;
}
menu[_moz-menuactive="true"], menuitem[_moz-menuactive="true"] {
background-color: #C1C3C2 !important;
}
143:139 (ワッチョイ d676-tX/F)
[ここ壊れてます] .net
>>140
早速にありがとうございます。
無事、反映されました。心より感謝申し上げます。
144:名無しさん@お腹いっぱい。 (アウアウウーT Sa27-pIDl)
[ここ壊れてます] .net
下記でタブの高さは変わるのですが、タブの上に空間ができます。
この空間を無くすにはどうすれば良いのでしょうか?
#TabsToolbar { --tab-min-height: 20px; }
145:名無しさん@お腹いっぱい。
22/10/03 12:39:41.04 2avGBW7I0.net
>>131
すみません、ちゃんと動いていました
ただ、これまではタブ開きまくってどれだけ小さくなってもマウスオーバーすればタブ幅が広がって閉じるボタンが表示されてたのですが
ESR102になってからはタブ幅が広がってくれなくなったため、マウスオーバーしても変化がわからなかっただけでした
タブの数を減らしてタブ幅に余裕持たせた上で確認したら、これまで通り機能してくれました
未読み込みタブに関しては、unreadTabs.uc.jsが動いてくれなくなってる事が原因ぽいです
新規プロファイルでも症状は変わらないので、これはもう諦めるしかないのかな
どうもお邪魔しました
146:名無しさん@お腹いっぱい。 (シャチーク 0C27-8lvq)
[ここ壊れてます] .net
すいません、タブツリーを使っているのですが、ピン止めされたアイコンのクローズボタンを消すのってどうするんですかね?
タブツリーのCSSは全く同じものを使っているのに、どこが影響しているのか環境によってアイコンの上にクローズボタンが乗っていることがありピン止めが殆ど機能しません
(ピン止めアイコンをクリックしようとすると閉じる)
バージョンはどちらも105.0.1です
147:名無しさん@お腹いっぱい。 (ワッチョイ b3cf-xRf2)
[ここ壊れてます] .net
シャチークなんて初めて見たわ
どこのISPよ
148:名無しさん@お腹いっぱい。 (CA 0H9f-fVk4)
[ここ壊れてます] .net
公務員だろ
149:名無しさん@お腹いっぱい。 (ワッチョイ e376-qKwZ)
[ここ壊れてます] .net
>>144
タブツリーのcssは
150:名無しさん@お腹いっぱい。 (マグーロT Sa2f-kHT+)
[ここ壊れてます] .net
URLバー、検索バーの背景色を指定しています。
#urlbar:-moz-lwtheme > #urlbar-background, #searchbar:-moz-lwtheme {background-color: seashell !important;}
これでURLバーの検索候補の背景色もseashellになります。
検索バーから↓キーで検索履歴を表示したときの背景色はwhiteでseashellになりません。
検索履歴の背景色もseashellにすることできませんか?
151:名無しさん@お腹いっぱい。
22/10/17 11:00:11.34 ccyVnOpOM.net
popup.menuのscrollboxの選択色の指定のやりかたを教えてください。
152:名無しさん@お腹いっぱい。
22/10/18 11:14:49.74 Jq5ozTnh0.net
デフォルト状態のステータスパネル
URLリンク(i.imgur.com)
ロケーションバー内に移動させたステータスパネル
URLリンク(i.imgur.com)
/* ステータスパネルをロケーションバー内へ移動 */
#statuspanel {
position: fixed;
top: 62px;
right: 354px;
max-width: 70.7% !important;
text-align: right;
}
昔あった拡張のStatus-4-Evarの機能を再現したくて、恐らくここで↑このスクリプトを教えてもらったのですが
本日Firefoxを106にアプデしたところ、ある一定のところまでしか移動してくれず、Firefox自体のフレーム内には表示されなくなりました。
新しい方法分かる方おられましたら教えていただけないでしょうか
153:名無しさん@お腹いっぱい。 (ワッチョイ 0f76-e84p)
[ここ壊れてます] .net
#statuspanel {
position: fixed !important;
top: 50px !important;
right: 354px !important;
max-width: 70.7% !important;
text-align: right !important;
}
154:名無しさん@お腹いっぱい。
22/10/18 14:44:28.08 Jq5ozTnh0.net
>>151
ありがとうございます。
上部ロケ―ションバーまで移動できました
しかし何故か二か所でチラチラするようになりました
一応leftにして調整してみました
155:名無しさん@お腹いっぱい。
22/10/20 19:12:05.95 HNDtA0GT0.net
@font-face { src: local(<フォント名>) }でのフォント置き換えって動作してる?
156:名無しさん@お腹いっぱい。
22/10/20 19:44:29.95 HNDtA0GT0.net
自己解決しました
security.fileuri.strict_origin_policyをオフにしないとローカルファイル読み込めなくなったのか
157:名無しさん@お腹いっぱい。 (ワッチョイ 0276-UuoP)
22/10/22 21:28:36.93 fMD2xGJ+0.net
107.0Beta3にアップデートしたらサイドバー自動開閉のcssが効かなくなったわ
158:155
22/10/23 18:46:28.10 HZHbjyiX0.net
#sidebar-boxの設定から
margin-rightとleftの項目を削除したら復活した。
159:名無しさん@お腹いっぱい。
22/10/24 09:09:53.94 UcsJPeaSa.net
検索バーの履歴を表示したとき、その背景とfont-weightを設定したいです。
最近、老化で視力低下したみたい。
160:名無しさん@お腹いっぱい。
22/10/24 10:24:27.25 Yq+zBpu+0.net
>>157
.search-panel-tree > .autocomplete-richlistitem {
font-weight: bold !important;
}
#PopupSearchAutoComplete .autocomplete-richlistitem:nth-child(2n+1):not([selected]):not(:hover) {
background-color: var(--toolbar-bgcolor) !important; /* 明るいテーマ */
/*background-color: #31255c !important; /* Alpenglow */
/*background-color: #383838 !important; /* ダークモード */
}
161:名無しさん@お腹いっぱい。
22/10/24 10:54:16.07 UcsJPeaSa.net
>>158
早々のレス、ありがとう。
見やすくなりました。
162:名無しさん@お腹いっぱい。
22/10/25 13:23:21.89 CUrnhcdz0.net
URLリンク(tadaup.jp)
この青い部分が出なくなる方法を教えて
それが無理ならせめて青い背景色を変えたいです
163:名無しさん@お腹いっぱい。
22/10/27 16:13:28.69 dDsejwYO0.net
自己解決
cssの問題じゃなかった
about:confIg → browser.urlbar.maxRichResults → -1
これで出なくなりました
164:名無しさん@お腹いっぱい。 (ワッチョイ 0276-R/Ha)
22/10/27 16:16:00.60 iOAYAkYm0.net
よかったじゃん
165:名無しさん@お腹いっぱい。
22/10/30 21:27:27.82 /knojQpq0.net
age厨に構うなよ
基地外が感染るぞ🚑
166:名無しさん@お腹いっぱい。 (中止 91cf-t0OF)
22/10/31 10:44:29.78 aBPw45Ux0HLWN.net
2ちゃんの生き残りの老害
「上げるな! sage進行がマナーだろ!」
167:名無しさん@お腹いっぱい。
22/10/31 12:12:30.96 xtPD1bgE0HLWN.net
キッズwwwwww
168:名無しさん@お腹いっぱい。
22/10/31 14:42:03.11 aBPw45Ux0HLWN.net
>>165
ちゃんとアンカー付けろ!
それがマナーだろうが!
老害w
169:名無しさん@お腹いっぱい。
22/10/31 18:14:13.49 zHB+uNnraHLWN.net
全角で草生やすジジイの鏡
170:名無しさん@お腹いっぱい。
22/10/31 18:40:06.98 PPE/youS0HLWN.net
>>167
誰にも迷惑はかけてないw
迷惑しかかけてない老害のお前とは違うw
171:名無しさん@お腹いっぱい。 (ワッチョイ 91cf-QvG4)
22/11/01 07:51:32.02 zfA+pETv0.net
貴様ら中止の分際で生意気だぞ
172:名無しさん@お腹いっぱい。
22/11/05 23:10:31.17 L8zVUVbW0.net
な、age厨だろ👆
173:名無しさん@お腹いっぱい。 (ワッチョイ 6202-PkvZ)
22/11/19 01:06:05.29 c3Q1iiQ40.net
/* Multi-Row Bookmarks Toolbar Firefox */
#PersonalToolbar {
max-height: none !important;
}
#PlacesToolbar > hbox {
display: block;
width: 100vw;
}
#PlacesToolbarItems {
display: flex;
flex-wrap: wrap;
}
Firefoxを107にアップしたところ、ブックマークツールバーを多段に表示するCSS↑が機能せず
ページ全体を覆うようになってしまいました。
修正方法分かる方おられましたら宜しくお願いします。
174:名無しさん@お腹いっぱい。
22/11/19 11:07:08.36 88zjoUiH0.net
質問スレから誘導されてきました
今日起動したらサイドバーの幅制限解除が無効になってました
107で何か変更ありましたか?
/* サイドバーの幅の制限を無くす */
#sidebar-box {
overflow-x: hidden !important;
}
#sidebar,
#sidebar-header {
min-width: 0px !important;
max-width: none !important;
overflow-x: hidden !important;
}
175:名無しさん@お腹いっぱい。
22/11/19 11:19:15.74 ji/wakOya.net
>>172
/* サイドバーの幅の制限を無くす */
#sidebar-box {
min-width: 5px !important;
overflow-x: hidden !important;
}
#sidebar {
max-width: none !important;
overflow-x: hidden !important;
}
176:名無しさん@お腹いっぱい。
22/11/19 11:22:17.39 yxTeLkLS0.net
>>172
よくわからんけどこうかな
#sidebar-box {
min-width: 0px !important;
max-width: none !important;
overflow-x: hidden !important;
}
177:名無しさん@お腹いっぱい。
22/11/19 11:31:33.27 eXP5E1NgM.net
>>172
108bのブラウザツールボックスでちょっと覗いて見た
178:感じだと min-widthとmax-widthの記述部分を#sidebar-boxの方に持ってけば機能するかも
179:172 (ワッチョイ e230-stRS)
22/11/19 12:38:09.23 88zjoUiH0.net
ありがとうございます
#sidebar-box の方に全部持っていったら直りました
180:名無しさん@お腹いっぱい。 (スッププT Sd02-stRS)
22/11/19 14:07:00.28 KX81UiEld.net
今回の更新でサイドバー自動開閉効かなくなったんですが原因わかりますか?
181:名無しさん@お腹いっぱい。 (スッププT Sd02-stRS)
22/11/19 14:07:08.54 KX81UiEld.net
/* サイドバー自動開閉 */
#sidebar-box{
position:relative !important;
overflow-x:hidden !important;
margin-left:-5px !important;
right:5px !important;
min-width:5px !important;
max-width:5px !important;
box-shadow:0 0 2px 0 rgba(0,0,0,.35);
transition:all .3s ease 0s !important;
opacity:0 !important;
}
#sidebar-box:hover{
margin-left:-300px !important;
right:300px !important;
min-width:300px !important;
max-width:300px !important;
box-shadow:0 0 5px 0 rgba(0,0,0,.35);
opacity:1 !important;
}
#sidebar-box>#sidebar {
opacity: 0 !important;
}
#sidebar-box:hover>#sidebar {
opacity: 1 !important;
}
#sidebar{
opacity:0 !important;
}
#sidebar:hover{
opacity:1 !important;
}
182:名無しさん@お腹いっぱい。 (ワッチョイ ffe8-9FEU)
22/11/19 14:24:14.01 yiSWuB3X0.net
/* サイドバーを自動開閉するようにする (107対応)*/
:root {
--thin-tab-width: 20px;
--wide-tab-width: 220px;
}
#sidebar-box {
position: relative !important;
overflow-x: hidden !important;
min-width: var(--thin-tab-width) !important;
max-width: var(--thin-tab-width) !important;
box-shadow: 0 0 2px 0 rgba(0,0,0,.35);
z-index: 1 !important;
transition: all .1s ease;
}
#sidebar-box:hover {
min-width: var(--wide-tab-width) !important;
max-width: var(--wide-tab-width) !important;
box-shadow: 0 0 5px 0 rgba(0,0,0,.35);
margin-right: calc((var(--wide-tab-width) - var(--thin-tab-width)) * -1) !important;
}
#sidebar-box>#sidebar {
opacity: 0 !important;
}
#sidebar-box:hover>#sidebar {
opacity: 1 !important;
}
#sidebar-splitter {
}
/* サイドバーのヘッダーを非表示にする */
#sidebar-header {
display: none !important;
}
183:名無しさん@お腹いっぱい。 (ワッチョイW c61f-3YjY)
22/11/19 14:57:03.17 /vwLidNI0.net
>>178
#sidebar-boxと#sidebar-box:hover内にそれぞれあるrightを消せばいけるはず
184:名無しさん@お腹いっぱい。 (スッププT Sd02-stRS)
22/11/19 15:24:00.13 KX81UiEld.net
解決しましたありがとうございます!
これがあるからfirefox使い続けてるから本当に良かった・・・
185:名無しさん@お腹いっぱい。 (ワッチョイW c311-J5Fp)
22/11/19 16:12:56.83 kn4vedWO0.net
>>179
自分も自動開閉使えなくなって困ってたけどこれで出来るようになりましたありがう
186:名無しさん@お腹いっぱい。
22/11/19 17:04:37.74 yiSWuB3X0.net
>>179
>>178
のでも良いんだけどカスタマイズしやすい方が良いかなと
:root {
--thin-tab-width: 20px;
--wide-tab-width: 220px;
ここで幅を好みに変えてね
--thin-tab-width: 20px;
カーソルを合わせる左側の所の幅(20で太いと思ったら15とか数字を小さくする)
--wide-tab-width: 220px;
サイドバーの幅(取り敢えずタブと同じぐらいにしてあるので幅は好みに)
187:名無しさん@お腹いっぱい。
22/11/19 17:16:31.42 487hYtW60.net
/* 検索バーを上に移動 */
.browserContainer > findbar {
-moz-box-ordinal-group: 0;
position: fixed !important;
right: 1em;
border: 1px solid threedshadow !important;
}
今回のバージョンからページ内検索バーが表示されなくなってしまったんですが
どなたか分かる方ご教授願います
188:名無しさん@お腹いっぱい。
22/11/19 17:34:36.47 yxTeLkLS0.net
>>184
position: fixed を消す
189:名無しさん@お腹いっぱい。
22/11/19 17:49:47.26 487hYtW60.net
>>185
動作するようになりました。ありがとうございます!
190:名無しさん@お腹いっぱい。
22/11/19 18:05:37.66 EIGvz+G8M.net
>>186
right: 1em; も消していい
border-top: none !important; を追加すれば検索バー上部の枠線がなくなってすっきりする
191:名無しさん@お腹いっぱい。
22/11/19 18:27:13.33 yxTeLkLS0.net
好みで
transition: none !important;
margin-left: 15px !important;
192:名無しさん@お腹いっぱい。
22/11/19 19:03:25.90 487hYtW60.net
>>187
>>188
重ね重ねありがとうございます!
193:名無しさん@お腹いっぱい。
22/11/19 21:23:17.48 yxTeLkLS0.net
border: 1px solid threedshadow !important; は無くていいはず
194:名無しさん@お腹いっぱい。
22/11/19 21:29:59.22 2EyT0kXaa.net
>>190
Escが効かない
195:名無しさん@お腹いっぱい。
22/11/19 21:52:45.59 yxTeLkLS0.net
>>191
ただのラインだし関係なくない?
196:名無しさん@お腹いっぱい。
22/11/19 21:56:06.32 yxTeLkLS0.net
margin-left: 15pxはいらない勘違い
197:名無しさん@お腹いっぱい。
22/11/19 22:30:47.87 FB387ZR1a.net
>>185 >>187
↓の2行、もしかして今回のバージョン前でも無くてよかったの?
position: fixed !important;
right: 1em;
198:名無しさん@お腹いっぱい。
22/11/19 22:33:49.43 2EyT0kXaa.net
>>192
ごめん、Esc効いてる
199:名無しさん@お腹いっぱい。
22/11/19 22:55:09.24 yxTeLkLS0.net
>>194
無くても上になってたよ
200:名無しさん@お腹いっぱい。
22/11/19 23:56:41.05 /igrTo9A0.net
サイドバー自動開閉はAutohideSidebar2.uc.jsだと感知幅の部分が邪魔にならない
201:名無しさん@お腹いっぱい。 (HappyBirthday!W efb0-+wTA)
22/11/20 13:05:05.50 xkatlD7/0HAPPY.net
ページ内検索バーの話が出たついでに・・・
/* ページ内検索バーの閉じるボタンを左に移動 */
.findbar-closebutton { -moz-box-ordinal-group: 0; }
/* ページ内検索バーのテキストボックスの横幅を変更 */
.findbar-textbox { width: 20em !important; }
202:名無しさん@お腹いっぱい。 (HappyBirthday! e21f-stRS)
22/11/20 15:10:54.29 TwvPohQN0HAPPY.net
検索バーをChrome風にする
豆腐屋が更新してた
203:名無しさん@お腹いっぱい。
22/11/20 20:27:50.33 .net
ブラウザーツールボックス開くまでは行けたけど肝心の消したい場所をどうやって見つけるんですか?
toolbarだけでも膨大過ぎる
204:名無しさん@お腹いっぱい。 (HappyBirthday! 6276-mdWL)
22/11/20 20:34:16.38 Yh+MidHG0HAPPY.net
何を消したいの
205:名無しさん@お腹いっぱい。
22/11/20 21:11:55.60 .net
進むの隣のリロードボタンとアドレスバーのリーダービューリロードお気に入りボタンを消したいんです
206:名無しさん@お腹いっぱい。 (HappyBirthday! 6276-mdWL)
22/11/20 21:20:00.88 Yh+MidHG0HAPPY.net
これでどうですか
#reload-button, #star-button-box, #reader-mode-button {
display: none !important;
}
207:名無しさん@お腹いっぱい。 (HappyBirthday! 6282-1kpg)
22/11/20 21:46:51.19 1dyZ6tnQ0HAPPY.net
>>200
左上の矢印ボタンをクリックしてからブラウザーの調べたい部分をクリック
URLリンク(i.imgur.com)
208:名無しさん@お腹いっぱい。 (HappyBirthday! cf58-stRS)
22/11/20 21:58:27.83 1mmVEPOd0HAPPY.net
ID隠蔽ガイジに構うなよ
基地外が感染るぞ
209:名無しさん@お腹いっぱい。
22/11/21 06:26:22.68 .net
>>203
>>204
機能しましたし使い方も理解できました
ありがとうございました
210:名無しさん@お腹いっぱい。
22/11/21 09:24:09.97 EjcVlUjjr.net
タブの右横にある「+」(新しいタブを開きます)ボタンの背景色を変えたいです
211:名無しさん@お腹いっぱい。 (ワッチョイW efb0-z7S9)
22/11/21 16:02:44.69 6rNjDe7x0.net
>>207
#tabs-newtab-button { background-color: yellow !important; }
212:名無しさん@お腹いっぱい。 (オッペケT Srdf-KP+k)
22/11/21 16:37:19.38 vwQ8tbBAr.net
>>208
ありがとうございました
213:名無しさん@お腹いっぱい。
22/11/24 16:59:00.97 8hBEP5Jc0.net
cssのvarが効かないのですが何が原因でしょうか?
firefoxは107です
214:名無しさん@お腹いっぱい。
22/11/24 17:44:35.62 yORRz7mv0.net
>>210
ちゃんと :root で定義したか?
URLリンク(developer.mozilla.org)
215:名無しさん@お腹いっぱい。
22/11/24 18:48:25.63 8hBEP5Jc0.net
>>211
定義しました上にあるサイドバーのcssも試してみたのですがvarの部分を書き変えなければ動きませんでした
プロファイルの問題でしょうか?
216:名無しさん@お腹いっぱい。 (ワッチョイ b776-Z2Iz)
22/11/28 14:15:20.99 qhN/Y/H/0.net
>>4
自分もこの現象なったからいまだに99以前のバージョン使ってるわ
217:名無しさん@お腹いっぱい。
22/11/28 22:24:18.25 cyzXj7t70.net
107で多段ブックマークツールバーおかしくなったけど
対応してもらえたっぽいかな
ありがとうございます
218:名無しさん@お腹いっぱい。
22/11/28 22:34:51.87 CSXXOtj40.net
>>213
新しいのあるんじゃないの
219:名無しさん@お腹いっぱい。
22/11/29 18:11:43.73 AsIAzNu80NIKU.net
>>215
それらしいワード英語でググったら海外ニキの解説動画やcssファイル置いてあって
最新版でも綺麗にタブをロケバーの下に置くことできた
220:名無しさん@お腹いっぱい。 (ニククエ b712-rfgC)
22/11/29 23:32:31.84 CrVT4BQM0NIKU.net
どうにもお手上げなので分かる人いたら教えてください。
タブを多く表示させるためにタブの幅の最小値を
/* タブ幅の設定 最小値 デフォルト 76px */
.tabbrowser-tab[fadein]:not([pinned]) {
min-width: 25px !important;
flex-grow: 1;
}
という感じにしてるんですが、ver99.0.1のときは
URLリンク(imgur.com)
の上のタブのように閉じるボタンが表示されていたのに
ver107.0に上げたところ下のタブのようにfaviconが優先的に
表示されるようになってしまいました。
もちろんタブを5、6個閉じればxボタンは出現します。
タブの左の境界を優先するか右の境界を優先するかの違いっぽい
ですけどxボタンを表示させるために右を優先したいときはどうすればいいんでしょうか?
221:名無しさん@お腹いっぱい。 (ワッチョイW 9f02-rCfk)
22/11/30 14:34:25.20 QfPNMqEn0.net
タブでホイールクリックしてみるとか
222:217
22/11/30 22:24:40.70 2KV3wPcC0.net
>>218
ありがとう
ホイールクリックは知らなかった
1個1個コンテキストメニューから消してた
この質問と同じかな
URLリンク(support.mozilla.org)
タブ幅の最小値を少し増やすかキーボードでctrl+w、ctrl+F4ってのもあるみたいだけど・・
とりあえずホイールクリックで我慢します
223:名無しさん@お腹いっぱい。
22/11/30 23:03:36.90 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;
}
224:名無しさん@お腹いっぱい。
22/11/30 23:07:39.40 hlGQzX/F0.net
ごめん
アクティブなタブをホバー時に幅を広げる は使えないな
225:217 (ワッチョイ b712-rfgC)
22/12/01 00:11:51.50 k6UbT4zK0.net
>>220
なるほどと思ったけど、これだとxボタンを連続クリックしてタブを複数消せないんですよね
1個消すごとにタブ幅が変わってしまってxボタンの位置もズレるので
226:名無しさん@お腹いっぱい。 (ワッチョイ 9711-UxYD)
22/12/01 01:17:49.68 DME5IjWM0.net
優先とは違うけどカレントタブに×を表示するだけなら
about:configでbrowser.tabs.tabClipWidthをタブ幅より少なくする
いっそ0とか
227:名無しさん@お腹いっぱい。 (ワッチョイ d778-g4kV)
22/12/01 20:08:51.41 DPG8m93M0.net
>>217
自分もアクティブなタブにマウスをホバーさせるとxが表示される…ってのができなくなって困ってた
ちょっとしたことなんだけど、使い勝手は随分悪くなるよね
初めは閉じるボタンを一番左にもってくることで解決してた
でも代わりにfaviconが消えてしまうのが嫌でやっぱり元に戻した
あれこれ悩んで色々調べてた所、TabMixPlusが復活してることを知った
これで全てが解決しました
228:名無しさん@お腹いっぱい。 (アウアウウー Sa5b-p8h6)
22/12/01 20:10:03.67 P3zrb6Pqa.net
スマホでかき
229:217 (ワッチョイ ff12-rfgC)
22/12/01 22:41:40.57 xQbFKxKT0.net
>>223
タブが狭くなったときは逆に非アクティブタブは×が出なくなって欲しいので
browser.tabs.tabClipWidthはちょっと違うかな
217はホイールクリックで対処で慣れました
230:名無しさん@お腹いっぱい。 (ワッチョイ b773-ykd8)
22/12/01 23:48:00.94 t2ZSXYwu0.net
自分はマウスオーバーで閉じるボタンが出るようにしてるわ
231:名無しさん@お腹いっぱい。 (ワッチョイ 9f11-FAuC)
22/12/02 11:55:35.83 HaDTrJQK0.net
おくすり出しておきますね
#tabbrowser-tabs[closebuttons] .tabbrowser-tab:hover .tab-close-button:not([selected]) {
display: revert !important;
}
232:名無しさん@お腹いっぱい。 (アウアウウーT Sa3a-64DC)
22/12/06 10:34:14.83 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;
}
233:名無しさん@お腹いっぱい。 (ワッチョイ 2458-NYST)
22/12/06 16:18:03.68 t1PQGKZo0.net
>>229
mozillazine.jpに同じ件で質問出てるみたいだけど、これ君?
234:名無しさん@お腹いっぱい。 (アウアウウーT Sa3a-64DC)
22/12/06 18:19:25.52 Sx/5LHQla.net
>>230
はい、すみません私です。
5ちゃんねるで書き込みできない現象が発生しているようなのでレスないと思いmozillazine.jpにも投稿しました。
235:名無しさん@お腹いっぱい。
22/12/08 21:11:45.60 RpYCIcBc0.net
>>231
URLリンク(forums.mozillazine.jp)
これはひどい
「?」だの「新規プロファイルをつくる意味なんてありませんよ」だの
せっかく説明してくれてるのに意思疎通ができてない
失礼極まりないやつだな
236:名無しさん@お腹いっぱい。
22/12/11 19:25:21.87 KFpSKgrF0.net
基地外age厨に構うからこうなる
237:名無しさん@お腹いっぱい。
22/12/12 19:05:26.12 +cWs9/LA01212.net
AutohideSidebar2.uc.jsを使わせてもらってるのですが
ミスクリックでサイドバーの幅が微妙に変わってもやもやしてます
デフォルトfirefoxにこれを入れた状態のサイドバー幅にするにはどうしたらいいですか?
238:名無しさん@お腹いっぱい。 (アウアウウー Sa6b-l94J)
22/12/14 12:51:41.96 FsPMouRwa.net
今日バージョンアップして>>229と同じことで困っていて見に来たんだけど
こりゃ聞ける雰囲気じゃないな マルチポストするなら あっちでも質問したことを書いておけよ
マジで迷惑だわ誰か助けてくれん?
239:名無しさん@お腹いっぱい。 (ワッチョイW 474f-Y049)
22/12/14 15:29:36.69 SYyRtVe00.net
あっちの答えを参考にやってみたら?
240:名無しさん@お腹いっぱい。 (アウアウウーT Sa6b-d2tu)
22/12/14 19:13:08.02 ZGtXkexAa.net
書き込み出来た。
241:名無しさん@お腹いっぱい。
22/12/14 19:54:20.64 RNzcTLjM0.net
Firefox_ToolBarButtonsバグってます
242:名無しさん@お腹いっぱい。 (アウアウウーT Sa6b-d2tu)
22/12/14 20:24:15.41 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;
}
243:名無しさん@お腹いっぱい。 (ワッチョイ 7f76-kMgp)
22/12/16 12:36:00.04 kSoYnLni0.net
108になってタブバーが下になってサイト表示と重なって困ったことになっていたがなんとか直せた
いらなくなったのに消していない記述が悪さをしていたようだった
見よう見まねなので記述を足すばかりでやってきたが今もいらないのが残ってるんだろな
244:名無しさん@お腹いっぱい。 (ワッチョイW dfec-CrXm)
22/12/16 21:27:15.96 hzoDGWYH0.net
URLバーの右にある星を以下で非表示にしてるんですけど、
#star-button-box {
display: none !important;
}
108.0になってから、メニューの「ブックマーク」→「現在のタブをブックマーク」から
ブックマークしようとすると「ブックマークを追加」のポップアップが一瞬で消えてしまうようになりました。
星を非表示のまま、ポップアップを表示したままにできませんか。
245:名無しさん@お腹いっぱい。 (ワッチョイ df20-5+d1)
22/12/16 22:54:13.15 PU31RwHZ0.net
>>241
#star-button-box {
position: relative !important;
top: var(--urlbar-height) !important;
}
246:名無しさん@お腹いっぱい。
22/12/16 23:34:41.51 hzoDGWYH0.net
>>241
サンクス、確かに目につかなくはなったけど
ポップアップを表示したままにするのは何かそういうオプションが無いと無理か。
ポップアップにマウスもっていかないと数秒で消えちゃう。
247:名無しさん@お腹いっぱい。
22/12/17 00:17:49.82 HlfR7nuuM.net
>>243
visibility: collapse !important;
ではどう?
248:名無しさん@お腹いっぱい。
22/12/17 00:45:38.23 AMBx9jDc0.net
>>244
動きとしては>>241と同じですね。
ポップアップは一瞬で消えちゃいます。
249:名無しさん@お腹いっぱい。 (ワッチョイ 3bcf-p78k)
22/12/17 02:35:37.50 Wj7ZIua20.net
それはおかしいね
3.5秒後のはずだけど
250:名無しさん@お腹いっぱい。 (ワッチョイ ea20-Yn5v)
22/12/17 03:56:54.43 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;
}
251:名無しさん@お腹いっぱい。 (ワッチョイW b302-Wa/o)
22/12/17 08:47:28.84 ZgnwgTgS0.net
108にて、SidebarModokiのDLのCSSが効かなくなったようです
252:名無しさん@お腹いっぱい。 (ワッチョイW 8aec-q7kF)
22/12/17 09:31:37.27 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;
}
これならメニューから「現在のタブをブックマーク」で、そのマウス位置にポップアップが表示されるので、オンマウスで数秒経っても消えないですね。
253:名無しさん@お腹いっぱい。 (ワッチョイW 8aec-q7kF)
22/12/17 11:54:44.65 AMBx9jDc0.net
このような感じにしました。
URLリンク(i.imgur.com)
おそらく107まではこんな感じだったと思うのです。
254:名無しさん@お腹いっぱい。 (アウアウウー Sa9f-XGw9)
22/12/20 19:39:37.57 IxTLUp7ja.net
ブックマークツールバーをマウスオーバーで自動表示する方法教えて!
255:名無しさん@お腹いっぱい。 (ワッチョイ 1f58-GAFQ)
22/12/20 23:30:37.49 0gALqOZd0.net
CSSだけでって無理がある
スクリプトでやれ
256:名無しさん@お腹いっぱい。 (ワッチョイW 8aec-q7kF)
22/12/21 00:11:07.46 s2h0nfoF0.net
pixivトップの画像一覧で、ユーザ名にマウスオーバーするとポップアップでユーザ詳細が出てくるんですけど
邪魔なのでポップアップが出ないようにしたいのですが、要素を調査しようにも消えてしまい捕まえられません
どうやって調べればいいでしょうか
257:名無しさん@お腹いっぱい。 (ワッチョイ ea20-Yn5v)
22/12/21 02:33:41.88 q3ki8rq80.net
>>253
1. デバッガーを開く
Ctrl+Shift+C, Ctrl+Shift+Z とか
2. デバッガーを開いた状態で対象にマウスオーバーしてポップアップを出させる
デバッガー以外の場所をクリックしてフォーカスを移してしまわないよう注意
3. F8 キーで「停止」
あとはインスペクターを開いて煮るなり焼くなり
258:名無しさん@お腹いっぱい。 (ワッチョイW 8aec-q7kF)
22/12/21 08:52:42.05 s2h0nfoF0.net
>>254
すみません、F8で停止しないようです
1.Ctrl+Shift+Cでデバッガを開く
2.マウスオーバーでポップアップさせる
3.F8押しても停止せずマウスオーバーが離れるとポップアップが消える
259:名無しさん@お腹いっぱい。 (ワッチョイW 8aec-q7kF)
22/12/21 09:42:45.30 s2h0nfoF0.net
停止はできませんでしたがセレクタは確認できたので、それでポップアップを非表示にできました
ありがとうございました
260:名無しさん@お腹いっぱい。 (ワッチョイ 66bf-N2O4)
22/12/21 09:54:13.57 C1RoVfoh0.net
>>255
Ctrl+Shift+Cの後に「デバッガー」タブをクリックしないとF8で止まらない
261:名無しさん@お腹いっぱい。 (ワッチョイ 7b11-Wt/R)
22/12/21 11:12:57.51 OWlkyIE00.net
まあカンマだと一連の動作だとわかりにくいよな
Ctrl+Shift+Cでインスペクター開いてからCtrl+Shift+Zでデバッガーを開く
262:名無しさん@お腹いっぱい。 (ワッチョイ 3ec0-Bday)
22/12/21 11:19:33.92 6sRfXUXB0.net
Aris-12さんのCustomCSSforFxを適用してる環境で
alice0775さんのuserChrome.jsのスクリプトを動くようにしたいんだけど
双方のuserChrome.cssとuserChrome.jsって
共存可能なんでしょうか
そのまま内容をマージしちゃっても大丈夫ですか
263:名無しさん@お腹いっぱい。 (ワッチョイW 8aec-q7kF)
22/12/21 12:17:04.00 s2h0nfoF0.net
>>258
ありがとうございます
F 8で停止してインスペクターでセレクター確認できました
264:名無しさん@お腹いっぱい。 (アウアウウー Sa9f-XGw9)
22/12/21 15:48:37.75 5h+DRZnja.net
‹‹239
ToolbarAutoHide.uc.jsで解決。
ただし多段表示は問題あり。
265:名無しさん@お腹いっぱい。 (ワッチョイ ea20-Yn5v)
22/12/21 19:00:19.22 q3ki8rq80.net
>>257-258
補足ありがとう
まさしく「一連の動作」のつもりだったんだけど分かり難かったですね
266:名無しさん@お腹いっぱい。 (ワッチョイ afda-LPRY)
22/12/21 19:57:10.73 2cyeDr1Z0.net
>>259
そもそもファイル被ってないからマージするものがないでしょ
267:名無しさん@お腹いっぱい。 (ブーイモ MMe6-974H)
22/12/22 00:28:38.62 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);
}
268:名無しさん@お腹いっぱい。 (アウアウウー Sa9f-XGw9)
22/12/22 07:53:11.94 hmf5PIfpa.net
>>264
レス、ありがとう。Ver109でデストしました。
1行の空行が表示され、そこにマウスオーバーでバーが表示されてます。
269:名無しさん@お腹いっぱい。 (アウアウウー Sa9f-XGw9)
22/12/22 08:21:29.88 hmf5PIfpa.net
ごめん、コピペミスでした。
正常動作しました。
270:名無しさん@お腹いっぱい。
22/12/23 23:49:59.93 p0oBeOLd0.net
var(--urlbar-height)のようなCSS変数?を駆使して、画像の赤ポイントの座標を取得したいんですが、どのようなCSS変数を使えばいいでしょうか?
URLリンク(i.imgur.com)
X座標=「ブックマーク」の左端
Y座標=メニューバーの高さ+タブバーの高さ+URLバーの高さ
を計算して使いたいです
271:名無しさん@お腹いっぱい。 (中止 5fb1-OA0F)
22/12/24 16:12:56.92 qVFWxHD80EVE.net
>>267
CSS カスタムプロパティ (変数) の使用
URLリンク(developer.mozilla.org)
272:名無しさん@お腹いっぱい。 (中止W 6bec-SwdK)
22/12/24 17:33:33.90 i9gP+ApU0EVE.net
>>268
それはユーザ宣言するCSS変数だと思うのですが、
>>247にある --urlbar-height も実はその人が変数宣言したもので、Firefoxにあらかじめ組み込まれているものではない、ということでしょうか
ということは「メニューバーの高さ」といった値もCSSでは取れないんですかね
273:名無しさん@お腹いっぱい。 (中止 c5da-wzKN)
22/12/24 18:14:08.19 y6NvkF7m0EVE.net
後者はともかく前者は変数で定義されてるわけがないから
どのみちJavascript側でgetBoundingClientRectするしかないのでは?
274:名無しさん@お腹いっぱい。 (中止 8f58-g2yx)
22/12/24 18:25:04.08 Ty1ZUtqn0EVE.net
>>269
最終的にやりたいことはスクリプトでないと無理
--urlbar-height プロパティについては Firefox が(UIのCSSで参照するため)設定している
URLリンク(searchfox.org)
275:名無しさん@お腹いっぱい。 (中止W 6bec-SwdK)
22/12/24 20:13:13.54 i9gP+ApU0EVE.net
はー、--urlbar-height あたりのプロパティは特別扱いで組み込まれてるんですね…
ありがとうございました
276:名無しさん@お腹いっぱい。
22/12/24 21:54:06.33 Ty1ZUtqn0EVE.net
特別扱いというか、Firefox のUIおCSSsで使うために設定している
ユーザーのために設定してるわけじゃない
我々はそれを勝手に利用してるだけ
277:名無しさん@お腹いっぱい。
22/12/24 21:55:49.36 Ty1ZUtqn0EVE.net
なんか変なtypoになった・・・
「UI の CSS で」だよ
278:名無しさん@お腹いっぱい。
22/12/25 12:18:08.93 pU//23r30XMAS.net
108.0.1にバージョンアップ�
279:オたところ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; } 続く
280:名無しさん@お腹いっぱい。
22/12/25 12:23:32.83 YWJN3x9f0XMAS.net
なーにが「続く」だよ
281:名無しさん@お腹いっぱい。
22/12/25 12:36:37.19 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;
}
282:名無しさん@お腹いっぱい。
22/12/25 13:29:38.51 YWJN3x9f0XMAS.net
ブックマークのスターボタンで見てみた
URLリンク(i.imgur.com)
283:275&277 (ワッチョイ 8573-dxp0)
22/12/26 00:02:44.67 X0JCSJye0.net
>>278
続く、の件ではイラっとさせて申し訳ない。専ブラ慣れてなくてエラーですぐに書き込めなかったの
275に書いた症状はこんな感じです
1 107.0.1まで URLリンク(imgur.com)
2 108.0.1 URLリンク(imgur.com)
何か所か表示に変化が出た中でurlバー内のアイコンがバカでかくなるのだけは自力ではどうやっても解決出来ません
278でヒントを頂いたのですが残念ながらお手上げです
275&277の記述も多分4~5年前に親切な方がcssスレに書き込んで下さったものの流用です
よろしくお願いします
284:名無しさん@お腹いっぱい。 (ワッチョイ 8f58-g2yx)
22/12/26 00:27:30.78 yTIAFriG0.net
>>279
そうやっていつもCSSでいじってるからわからないのだろうけど
それは「バカでかく」なってるんじゃなくて標準のサイズなの
まずそれを理解しよう
そして >>278 でインスペクタの画面貼ってやったよね?
赤線で囲ってやったよね?
それでわからないんだったらCSSでいじるのなんてやめちまえ
285:名無しさん@お腹いっぱい。 (ワッチョイ 4bcf-f6f4)
22/12/26 17:14:26.78 8MENhwmK0.net
URLリンク(i.imgur.com)
URLリンク(i.imgur.com)
こーやって貼ってくんないかな
286:名無しさん@お腹いっぱい。 (ワッチョイ 8f58-g2yx)
22/12/26 21:03:14.13 yTIAFriG0.net
>>281
ゴミ画像を何度も貼るなよ
同じ様に貼ったよね?
i.imgur.com URL で画像の直接リンクだし
見てほしいところを赤で囲ってる
まさか、png じゃなきゃ嫌だとか、□じゃなく◯で囲めとか
そんなアホなこと言う気じゃないだろうな?
287:名無しさん@お腹いっぱい。 (ワッチョイ ffc5-4Ar3)
22/12/26 21:21:10.91 E6nmRez70.net
直リンの意味もわからんキッズがネットやるのか
288:名無しさん@お腹いっぱい。 (ワッチョイ 8f58-g2yx)
22/12/26 21:54:40.51 yTIAFriG0.net
まあ、実際には画像ファイルの形でアップされているわけじゃないから
直リンというのは正確ではないが
画像ファイルへのリンクの形式のURLにしていてそのまま表示できる
という意味だと普通は解釈できると思うけど・・・
289:名無しさん@お腹いっぱい。
22/12/28 19:38:56.54 V+zFJ4Ie0.net
キッズなんているわけないじゃん
スマホも専ブラも使えないPCジジイならではって感じ
老害化してることにも気づけず古参ぶって上から目線なのもまたわかりやすい
290:名無しさん@お腹いっぱい。 (ワッチョイW c731-6p8h)
22/12/29 05:21:25.98 ufaND8S40.net
老害ならではの妄想
291:名無しさん@お腹いっぱい。 (ワッチョイ 8f58-g2yx)
22/12/29 09:21:27.90 hLZoGEOr0.net
言いたいことがあるなら、直接アンカー付けて問題点を指摘すればいい
直リン出来てない人A: >>275,277,279
直リン出来ている人B: >>280,282,284
こーやって貼ってくんないかなの人C: >>281
CのレスはAに対してのものだったが、Bの直後にアンカーなして書かれたため
BはAが書いたものと誤認して話がおかしくなってしまった
コレが真相
292:名無しさん@お腹いっぱい。 (ワッチョイ 0b81-rP5z)
22/12/29 09:30:41.50 tA6ydo5P0.net
>>287
要はお前が一番悪いんだなw
293:名無しさん@お腹いっぱい。 (ワッチョイ 8f58-g2yx)
22/12/29 10:43:29.25 hLZoGEOr0.net
Cが元凶
どうでもいい直リン指摘のために同じゴミ画像を貼り直すという余計なことをしたせい
しかもアンカーなしで
こちらはAに対して情報提供済み
君たちは何もしてない
294:名無しさん@お腹いっぱい。 (ワッチョイ 0d11-VEL+)
22/12/29 11:12:31.30 3VxnCFDg0.net
AとCが同じ画像だとお前でもわかるんだからお前が落ち着いていればそれで済んだのに
295:名無しさん@お腹いっぱい。 (ワッチョイ c178-fqia)
22/12/29 11:33:07.59 BAy2m1C60.net
>>287
おじいちゃん、教えてあげるね
>>281だとスマホや専ブラなら画像が自動的にサムネ表示されるんだよ
だからぱっと見てどんな画像が張られたかすぐにわかる
>>279だといちいち他のサイトに飛んで画像を見に行かなきゃいけないんだよ
この違いがPCしか知らなく5chも未だにブラウザで開いてるおじいちゃんには理解できなかったんだよね
てかこうやって説明しても、使ったことのないおじいちゃんにはやっぱり理解できないかな?
296:名無しさん@お腹いっぱい。 (ワッチョイ 8f58-g2yx)
22/12/29 11:47:49.93 hLZoGEOr0.net
>>291
ほら、論点や登場人物がわかっていない
Bはサムネ云々など当たり前の常識としてわかっている
>>278 で先にそうやって貼っている
直リンが出来ていないのはAだ
Bはもう用済みの貼る価値のないゴミ画像をURL形式変えて貼るなって言ってるんだよ
それともなにか、>>281 でサムネ化したことによってなにか有益なレスが付いたのかな?
なにもないよね?
じゃあなんで貼った?
297:名無しさん@お腹いっぱい。 (ニククエ ffc5-4Ar3)
22/12/29 15:32:33.77 SF1OKvU00NIKU.net
年の暮れだというのに最後にレスしたほうが勝ちのマウント合戦か
298:名無しさん@お腹いっぱい。 (ニククエW c731-jFky)
22/12/29 15:46:58.22 ufaND8S40NIKU.net
困ったらすぐジジイ認定
バカは分かりやすいw
299:名無しさん@お腹いっぱい。 (ニククエ KK0f-+ZKS)
22/12/29 18:49:21.46 U3UqnvblKNIKU.net
じゃリアルおじさんが見守っててあげようw
食べ物が腐敗しやすい生暖かいくらいな視線でww
300:名無しさん@お腹いっぱい。 (ニククエ 8f58-g2yx)
22/12/29 19:02:56.25 hLZoGEOr0NIKU.net
ワッチョイ c178-fqia は
>>291 のような当たり前のことを得意げに説明して
自分が優位に立ってると思い込んでるのだろう
もしくは、あえてバカを演じて荒らしているか?
301:名無しさん@お腹いっぱい。 (ニククエ c178-fqia)
22/12/29 19:30:18.75 BAy2m1C60NIKU.net
>>292
画像貼るならサムネ化されるように張れといってるだけ
わかったの?まだよくわからないの?うんこなの?
ぐずぐずぐだぐだ言い訳書かなくていいからさ、それだけ答えてみよう
302:名無しさん@お腹いっぱい。 (ニククエ 8f58-g2yx)
22/12/29 21:08:23.87 hLZoGEOr0NIKU.net
>>297
だから相手を間違えているのがまだわからないのかな?
頭が悪くて理解できないないのか、頭が悪いことすら自覚できないのかどっちだね?
サムネ化されるようにURLを記載してなかったのは
(A) >>279 だ
(B) は >>278 で URLリンク(i.imgur.com) とサムネ化されるURLで記載している
>>283 以降の直リン云々の話の前にだ
303:名無しさん@お腹いっぱい。 (ニククエ c178-fqia)
22/12/29 22:59:10.10 BAy2m1C60NIKU.net
>>298
あのね、おじいちゃん
>>279に対して>>281が注文付けてるわけだ
そこにおじいちゃんが>>282で意味不明なマウントとってるわけだ
だからおじいちゃんが笑われてるんだよ?
ワシは前にちゃんとはっとるんじゃーとか必死だけど、そんなこと聞いてないんだよ?
おじいちゃん一人、糞どうでもいい事に拘って糞どうでもいい理屈をウダウダグダグダ並べてるんだよ?うんこなの?
304:名無しさん@お腹いっぱい。 (ニククエ 8f58-g2yx)
22/12/29 23:13:34.22 hLZoGEOr0NIKU.net
どうやら 294 が言ってる通りらしい
必死におじいちゃん連呼するしかできない生き物か
そう思うとかわいく思えてきた
305:名無しさん@お腹いっぱい。 (ワッチョイ b558-w88e)
23/01/17 00:42:39.60 TGXtL55I0.net
108からロケーションバーのcookie badgeが表示されなくなって地味に不便
削除されちまったのか?
まだ生きてるようならネ申よ以下手直しヨロ
↓
#identity-permission-box::before {
content: "" !important;
display: block !important;
width: 6px !important;
height: 6px !important;
position: absolute !important;
margin-inline-start: -32px !important;
margin-top: -8px !important;
background: Highlight !important;
border-radius: 100px !important;
}
306:名無しさん@お腹いっぱい。 (ワッチョイ f96d-wLHw)
23/01/18 01:14:14.29 Nvv+r1sM0.net
制限された?
307:名無しさん@お腹いっぱい。 (ワッチョイW 3e73-DlW3)
23/01/18 12:06:25.49 rID8i6FO0.net
てすてす
308:名無しさん@お腹いっぱい。 (ワッチョイ c60c-hn8B)
23/01/18 16:40:30.02 US1e27FX0.net
youtubeの適当なチャンネル→動画タブをクリックすると動画一覧が出てきます
この表示が今は4列なので5列以上で表示させたいのですがCSSでできませんか?
ブラウザを拡大しても余白が増えるだけで4列のまま変わりませんでした
動画のサムネを小さくすると列が増えるかもと思い下のようにやってみたところ小さくはなりましたが列は増えませんでした
.style-scope ytd-rich-item-renderer {
width: 180px !important;
}
なにか5列以上で表示させる方法があれば教えてください
309:名無しさん@お腹いっぱい。 (ワッチョイ a5b1-3SYV)
23/01/18 18:44:57.19 7aJrF14O0.net
>>304
サムネ小さくていいなら
ytd-two-column-browse-results-renderer.grid:not(.grid-disabled) {
max-width: 100% !important;
width: 100% !important;
}
ytd-rich-grid-row {
width: 50% !important;
}
310:名無しさん@お腹いっぱい。 (ワッチョイW 866e-jtCZ)
23/01/18 20:23:52.24 TIc1Btfj0.net
>>304
ytd-rich-grid-renderer {
--ytd-rich-grid-items-per-row: 8 !important;
}
311:名無しさん@お腹いっぱい。 (ワッチョイW 866e-jtCZ)
23/01/18 20:25:25.62 TIc1Btfj0.net
訂正
ytd-rich-grid-renderer {
--ytd-rich-grid-items-per-row: 8 !important;
}
ytd-rich-grid-renderer > #contents > ytd-rich-grid-row,
ytd-rich-grid-renderer > #contents > ytd-rich-grid-row > #contents {
display: contents;
}
312:名無しさん@お腹いっぱい。 (ワッチョイ c60c-hn8B)
23/01/18 21:12:46.78 US1e27FX0.net
>>305-307
ありがとうございます
どちらも5列以上にできました
313:名無しさん@お腹いっぱい。 (JPW 0H4a-gtfB)
23/01/19 02:37:30.94 FQ+DbuAaH.net
てすと
314:名無しさん@お腹いっぱい。 (ワッチョイW 95ad-Yobi)
23/01/19 18:05:20.21 ENX7aaTT0.net
test
315:301 (ワッチョイ b558-w88e)
23/01/19 23:59:57.14 bF8rwFxM0.net
なんでスルーするん?
(´・ω・`)
316:名無しさん@お腹いっぱい。 (ワッチョイ 835a-ffW7)
23/01/22 05:15:44.11 qvxRHomq0.net
ただ今制限を設けております。
317:名無しさん@お腹いっぱい。 (ワッチョイW 03b1-uFLT)
23/01/22 12:35:14.09 9bwMIyJ90.net
てすと
318:名無しさん@お腹いっぱい。 (ワッチョイW e37e-6iVe)
23/01/24 07:43:31.67 hIbxyydu0.net
余所でやってください。
319:名無しさん@お腹いっぱい。 (ワッチョイ bfaf-0efk)
23/01/24 12:43:32.74 TDUBW8Kr0.net
ブラウザツールボックスで要素選択するときに矢印がブラウザ内だけで
メニューバーやツールバーの要素が表示されないんですけど何か設定しないといけないですか?
320:名無しさん@お腹いっぱい。 (CA 0H4f-qKdf)
23/02/08 19:34:55.86 k8ScPGEoH.net
Tampermonkey Script Summary Ver3 (for stockpiling)
URLリンク(pastebin.com)
321:名無しさん@お腹いっぱい。 (ワッチョイ 3f76-RWmx)
23/02/08 21:14:59.59 jfIfmSjk0.net
>>316
何に使うものですか
322:名無しさん@お腹いっぱい。 (ワッチョイ 0f58-9zjn)
23/02/08 23:03:40.03 C6Jr3J3/0.net
見ちゃだめ
323:名無しさん@お腹いっぱい。 (ワッチョイ 4fcf-EOzK)
23/02/10 08:49:43.21 l+nF3Ow60.net
5ちゃんの書き込み欄の大きさを指定して固定することはできない?
324:名無しさん@お腹いっぱい。 (アウアウウー Sa4f-dSmK)
23/02/11 11:44:11.33 fDQP70m/a.net
いや、指定すればいいじゃん
325:名無しさん@お腹いっぱい。 (ワッチョイ decf-8lmq)
23/02/11 12:04:15.14 v/yuvQFe0.net
な、age厨だろ
326:名無しさん@お腹いっぱい。 (ワッチョイW 0eb0-nSMN)
23/02/12 19:45:42.14 UVKz1UER0.net
(-ι- ) クックック
327:名無しさん@お腹いっぱい。 (ワッチョイ 0f58-mefD)
23/02/16 20:40:07.63 L0PcQrrx0.net
Firefox110にしたらピン留めしているタブ(3つ)の一番右のタブにだけうっすらとクローズボタンが出る
アクティブの時は出ないけど一番右のピン留めタブが非アクティブでマウスオーバーすると出るという感じ
どうすれば消えるでしょうか?
328:名無しさん@お腹いっぱい。 (ワッチョイ 0f58-mefD)
23/02/16 20:43:22.35 L0PcQrrx0.net
すみません。文字数が少ないピン留めタブを一番右に持ってきたら「+」のボタン(新規タブボタン)でした。
実際にクリックしても新規タブは開かないのでいいのですが、ピン留めタブ複数の一番右端だけこうなります。
329:名無しさん@お腹いっぱい。 (アウアウウー Sa4f-dSmK)
23/02/16 21:06:32.31 S1R6zv0xa.net
>>323
どうすればそんなことになりますか?
すべてのカスタマイズをやめてみれば?
つまり新規プロファイル
330:名無しさん@お腹いっぱい。 (ワッチョイW aaec-Dwza)
23/02/16 21:36:12.06 ++Ops1Oh0.net
CSS下手くそマンかよ
331:名無しさん@お腹いっぱい。 (ワッチョイ 0f58-JqNg)
23/02/16 21:48:16.85 MM+ZJ0yp0.net
>>323
しくじったら最初に戻る
これ基本です
それをせずにあーだこーだ迷走するのはおバカさんのやることです
332:名無しさん@お腹いっぱい。 (ワッチョイ 0f58-mefD)
23/02/17 16:27:03.25 arkIPwBN0.net
>>325
>>327
そうも思ったのですが原因が分かりました。userChrome.cssではなかったです。
CSSはこなれているのに他のバカに下手くそ呼ばわりされたので何が原因だったかはすみませんが伏せます。
325さんと327さんだけには治りましたという報告をしたく投稿させていただきました。
333:名無しさん@お腹いっぱい。 (アウアウウー Sa4f-dSmK)
23/02/17 16:57:25.01 mRNWNwo7a.net
>>328
そういうの格好悪いですよ
334:名無しさん@お腹いっぱい。 (ワッチョイ 23dc-A0Hd)
23/02/17 18:50:17.64 Vl+izh3G0.net
>>328
自分が困ったときは他の人に助けを求めるけど
同様の状況で困っているかもしれない他の人を
助けようとは思わないということか
335:名無しさん@お腹いっぱい。
23/02/17 19:38:38.94 cntp57x70.net
>>330
困った人が出てからでよくない
336:名無しさん@お腹いっぱい。 (ワッチョイ 0f58-JqNg)
23/02/17 20:17:58.52 Yzot/BRU0.net
原因がわかった、治った
そんな中身のないのは報告でなくゴミだよ
しかも余計な事書いてるから有害でしか無い
337:名無しさん@お腹いっぱい。 (ワッチョイ 15b1-ujp2)
23/02/18 10:31:50.87 peW8F8xR0.net
ゴミ同士仲良くしろよ
338:名無しさん@お腹いっぱい。 (ワッチョイ 7dcf-okFi)
23/02/26 20:02:40.70 iLsaGsg90.net
>>328
な、sage厨だろ
339:名無しさん@お腹いっぱい。 (ワッチョイ 9d58-wWxq)
23/02/27 03:31:11.79 fudy+hEW0.net
猿マネコピペ厨の雑魚っぷりは異常
340:名無しさん@お腹いっぱい。 (オイコラミネオ MM15-mLBL)
23/03/09 14:38:42.25 chzehV5oM.net
ブックマークツールバーのプルダウンメニューのアイテムの行間を狭めたい。88のように。スタイルの定義を教えて。
341:名無しさん@お腹いっぱい。 (ワッチョイ 0bcf-IWyi)
23/03/09 14:58:28.52 TmRjgsKP0.net
browser.compactmode.show = true
browser.uidensity = 1
これじゃだめなんですか
342:名無しさん@お腹いっぱい。 (オイコラミネオ MM15-mLBL)
23/03/09 15:15:14.93 chzehV5oM.net
>>337
ありがとう。やってみる。
343:名無しさん@お腹いっぱい。 (オイコラミネオ MM15-mLBL)
23/03/09 15:26:56.25 chzehV5oM.net
>>337
無理ですた。
あと、仕切り線を太くする方法や 外枠線の付け方もスタイルの定義を教えて下さい。
344:名無しさん@お腹いっぱい。 (オイコラミネオ MM15-mLBL)
23/03/09 15:33:23.95 chzehV5oM.net
browser.compactmode.show = true だけでもコンパクト表示は有効になる
browser.uidensity = 1 で起動時 ブックマークツールバーの表示が数秒(1~3秒)表れない
ですた
345:名無しさん@お腹いっぱい。 (アウアウウーT Sa1d-IWyi)
23/03/09 16:47:13.30 BwbWpfoQa.net
>>336
/*** ドロップダウン/コンテキスト/ポップアップ メニューの間隔を調整する ***/
menupopup:not(.in-menulist) > menuitem,
menupopup:not(.in-menulist) > menu {
padding-block: 2px !important; /* reduce to 3px, 2px, 1px or 0px as needed */
min-height: unset !important; /* v92.0 - for padding below 4px */
}
:root {
--arrowpanel-menuitem-padding: 4px 8px !important;
}
346:名無しさん@お腹いっぱい。 (オイコラミネオ MM15-mLBL)
23/03/09 18:20:37.28 chzehV5oM.net
>>341
:1pxに変更したら、88のようにブックマークツールバーの行間が詰まりました、ありがとうございます。
padding-block: 1px !important; /* reduce to 3px, 2px, 1px or 0px as needed */