[過去ﾛｸﾞ] userChrome.css・userContent.cssスレ Part14 (1002ﾚｽ)
上下前次1-新
このｽﾚｯﾄﾞは過去ﾛｸﾞ倉庫に格納されています｡
次ｽﾚ検索 歴削→次ｽﾚ 栞削→次ｽﾚ 過去ﾛｸﾞﾒﾆｭｰ
889(1): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9f10-4Q3H) [] 2025/07/12(土) 17:10:47.35 ID:92yf6byJ0(3/5) AAS
>>885,886885(4): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ d7be-aNVA) [] 2025/07/12(土) 13:40:39.36 ID:ECp6Fh7K0(1/4) AAS
>>884
:has() を使う
/* ツールバーの上にメニューバーのスペースを確保する */
:root:has(#toolbar-menubar:not([inactive])):not([inFullscreen]) #navigator-toolbox { border-top: solid 24px transparent !important; }
115esrだと、メニューバー非表示の時にも、
スペースが空いたままになりますね。
890(1): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ d7be-aNVA) [] 2025/07/12(土) 17:24:49.37 ID:ECp6Fh7K0(3/4) AAS
>>889
:has() が実装されたのは 121 だから
外部ﾘﾝｸ:developer.mozilla.org
891(1): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9f10-4Q3H) [] 2025/07/12(土) 17:31:56.41 ID:92yf6byJ0(4/5) AAS
>>890
了解しました。
それでは、Firefox 120以前で >>885 と同じことを
実現するにはどうすれば良いのでしょうか。
892(1): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ d7be-aNVA) [] 2025/07/12(土) 17:56:33.18 ID:ECp6Fh7K0(4/4) AAS
さあね
というか140では
#TabsToolbar {order: 2;}
これだけでよさそう
893: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9f10-4Q3H) [] 2025/07/12(土) 18:12:01.64 ID:92yf6byJ0(5/5) AAS
>>892
140(133以降)が
#TabsToolbar {order: 2;}
だけで良いのは、そうなのですが、
これだと、window.open()のjavascriptで表示した
子ウィンドウには、メニューバーが表示出来ません。
>>884884(2): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9f10-4Q3H) [] 2025/07/12(土) 12:46:19.38 ID:92yf6byJ0(1/5) AAS
#titlebar {order: 2;} /* 128esr */
/*#TabsToolbar {order: 2;}*/ /* 140esr */
/* メニューを上へ移動 */
#toolbar-menubar { position: fixed; display: inline-flex !important; }
[sizemode="maximized"]:not([tabsintitlebar="true"]) #toolbar-menubar,
[sizemode="normal"] #toolbar-menubar { top: 1px; }
[sizemode="maximized"] #toolbar-menubar { top: 8px; }
/* ツールバーの上にメニューバーのスペースを確保する */
:root:not([inFullscreen]) #navigator-toolbox { border-top: solid 22px transparent !important; }
Firefox 128esr/140esrで、タブをブックマークツールバーの下にした時、
最後の「ツールバーの上にメニューバーのスペースを確保する」をメニューバー表示
が有効な場合のみ、メニューバーのスペースが空くようにするには、どうしたら良い
ですか。
では、window.open()で表示した子ウィンドウに
もメニューバーが表示出来ます。
但し、135以降では、
#toolbar-menubar { position: fixed; display: inline-flex !important; }
の行に、!importantが必要となります。
894: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 1758-cEtd) [sage] 2025/07/12(土) 18:15:43.39 ID:wYka6Y870(2/2) AAS
スレチESRガイジage厨スルー推奨
895(1): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ e211-YjA1) [age] 2025/07/13(日) 16:35:37.74 ID:PpNGZD0l0(1) AAS
>>891
layout.css.has-selector.enabled;true
896: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ c472-O9wC) [sage] 2025/07/17(木) 16:30:15.28 ID:OBh5djO90(1) AAS
Windows11にしたら右クリックのOpenWith_1.2.1b.uc.jsが効かなくなってた
ずっと動いてたからそのままだったけど、バージョンもっと上がってるのかな
897(1): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9e74-YjA1) [] 2025/07/18(金) 23:19:40.05 ID:4TKA+kvK0(1/4) AAS
皆様お助けくださいm(vv)m
外部ﾘﾝｸ:gamewith.jp
にてカードをクリックすると、その詳細がダイアログ調（画面内ポップアップ）で拡大表示されます
class値はarticle-bodyの直下にある"w-sv-card-modal is-2column is-active"です
その、中央に強制されたダイアログを、画面上方向へ寄せる術が、かなり格闘しても辿れませんでした
「この値を変更するんだよ」程度の助言でも構いません、お詳しい方よろしくお願いいたしますorz
898(1): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 8ee9-NZlk) [sage] 2025/07/18(金) 23:25:39.49 ID:xGn7Y3Zd0(1) AAS
>>897
.w-sv-card-modal::before { vertical-align: top !important; }
899: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9e74-YjA1) [] 2025/07/18(金) 23:26:10.51 ID:4TKA+kvK0(2/4) AAS
自己解決しますたm9(^д^)
ただ、バックグラウンドのダークカラーも上に引っ張られて困惑
900: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9e74-YjA1) [] 2025/07/18(金) 23:26:51.35 ID:4TKA+kvK0(3/4) AAS
>>898
迅速なアドバイスありがとうございます
そちらも今から試してみます！
901: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9e74-YjA1) [] 2025/07/18(金) 23:31:26.72 ID:4TKA+kvK0(4/4) AAS
詳細とお礼を書きまくりましたが、NGワードにより弾かれてしまいますorz
簡素になりますものの、これをお礼とさせていただきます、有難うございました
902: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW e693-fPpY) [sage] 2025/07/19(土) 07:24:10.25 ID:H2Ron+Iz0(1) AAS
マルチ野郎じゃん
903(2): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 8774-Bd2j) [] 2025/07/22(火) 07:41:06.61 ID:u/98VmuV0(1/2) AAS
img[src*="/article_tools/shadowverse-wb/gacha/"]で完全動作する際に、そこへclass値を加えて、2条件を含む対象物にのみ、適用したいです
ネット上にはimg[src*="/article_tools/shadowverse-wb/gacha/" class*="XXXXXXXX"]風で可能という情報がありましたが、上手くいきません
この並記の仕方は何か不足しているのでしょうか？
お詳しい方よろしくお願いいたしますorz
904: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ df27-R8jS) [sage] 2025/07/22(火) 07:50:35.42 ID:F5d8HgUQ0(1) AAS
>>903
classの直前に ][ が必要
とほほの入門等を読んで、CSSセレクタの構文について学びなおすといい
905: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 8758-Bd2j) [sage] 2025/07/22(火) 08:13:36.93 ID:sQxYCKNz0(1/2) AAS
>>903
どこにそんな事書いてあったんだよ
URL教えろ
906(1): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 8774-Bd2j) [] 2025/07/22(火) 08:38:09.13 ID:u/98VmuV0(2/2) AAS
え！！！
それでいけましたか？わりと初動で試すも反映されず、別の方法を模索していました^^;
・・・確かに動きますたm9(^д^)ﾜﾛﾀ
とほほの入門というのを試してみたいと思います
度重ね有難うございましたm(vv)m
907: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲW df58-Zlc+) [sage] 2025/07/22(火) 12:11:36.45 ID:myXiQhjI0(1) AAS
というか、CSSセレクタ でぐぐれば全パターン載ってるサイトが見つかる
908(1): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 8758-Bd2j) [sage] 2025/07/22(火) 19:54:59.13 ID:sQxYCKNz0(2/2) AAS
>>906
なーにがワロタだよ
おまえが笑われてるんだぞ
909: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 27e4-UQbq) [sage] 2025/07/22(火) 19:56:30.51 ID:8Fg7fGel0(1) AAS
>>908
なにもしてないのに偉そうだな
910: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 2758-wUz0) [sage] 2025/07/22(火) 22:37:48.19 ID:8m8QnVfh0(1) AAS
ｶﾞｲｼﾞage厨に構うからこうなる
911: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 8774-Bd2j) [] 2025/07/23(水) 02:48:31.26 ID:Be3N66mL0(1/2) AAS
これは流石の皆さんも解決無理そうと思った難題を発見しましたorz
外部ﾘﾝｸ:gamewith.jp
のフォーム群ですが、いつもプルダウン系に悩まされます
インラインフレームの次に苦手ですね
今回も、class値w-sv-filter-form-range-column>._select>.select>optionにおいて、文字サイズに伴う行間を狭く出来ませんでした
プルダウン内のline-heightに相当する部分ですね
font-sizeを変更することで、一定の間隔（paddingのような余白）を保ちながら表示全体を小さくすることは可能です
しかしそれでは視認性も悪くなるため、font-sizeを大きめに維持しながら行間≒上下のpadding風余白だけ削りたく思います
例えばgoogleやamazonの入力フォーム及び予測変換プルダウンなどは、マウスオーバーに近いおかげか変更し易い設計となっております
プルダウンにも似たようなコード例の場合はありますが、体感で世の中の半数以上が今回のように指定出来ないものの様に思えます
インラインといい埋め込みタイプ的なものの特性でしょうか（マジギレ！）
お詳しい方よろしくお願いいたしますorz
912: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 07cf-UQbq) [sage] 2025/07/23(水) 04:20:06.18 ID:ZxbrDl0r0(1) AAS
userChrome.cssで
#ContentSelectDropdown > menupopup {
> menucaption,
> menuitem {
> .menu-text {
padding-block: 0.3333em !important; /*ここの値をいじればいいんでない?*/
}
}
}
913: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 8774-Bd2j) [] 2025/07/23(水) 07:20:56.29 ID:Be3N66mL0(2/2) AAS
うーん・・・やはりサイト単位ではなく、ブラウザの挙動そのものを強制的に改変しないと駄目そうですか・・・
まあ、私もネット黎明期の、Web言語兼html主流時代にHPを作成した頃、その時代から既にプルダウン選択式といったような雛型を当該箇所へ埋め込むものでしたからね・・・
シンプルであればあるほど既製品を使うような感じになってしまうのでしょう
残念ですが見送りたいと思います
ぶっちゃけ多用するものでもありませんし、そういうものだと思って諦めます（サイズ9程度で運用します）
お手数をかけましたm(vv)m
上下前次1-新書関写板覧索設栞歴
あと 89 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.037s