userChrome.css・userContent.cssスレ Part11

■ このスレッドは過去ログ倉庫に格納されています
2020/03/21(土) 10:16:26.74ID:NIfQeduv0
!extend:checked:vvvvv:1000:512
次スレを立てる方は↑を二行重ねて書いてください

●※前スレ
userChrome.css・userContent.cssスレ Part10
http://egg.5ch.net/test/read.cgi/software/1571968384/l50

●拡張機能
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
とほほのスタイルシート入門
http://www.tohoho-web.com/css/
VIPQ2_EXTDAT: checked:vvvvv:1000:512:: EXT was configured
2021/08/26(木) 20:56:17.09ID:TEQ7Vlff0
全体の情況を見ようと、52esrを起動したらいきなりバージョンアップした
アドオンも同時にアップさせられ
本体、プロファイルのバックアップで何とか戻した
だが、コンテキストメニューの挙動が前のようでない
何なんだろう
他のバージョンも同様、レジストリーかキャッシュか
訳分らないな
2021/08/26(木) 21:22:23.13ID:TEQ7Vlff0
問題がなかったバージョンにもおこりセーフモードでは発生しない
全部のプロファイルにゴミが入ったとは考えにくいのだが
2021/08/26(木) 21:33:13.05ID:TEQ7Vlff0
ブックマークツールバーに並んだアイコンのコンテキストメニューには遅延は発生しない
その他のコンテキストメニューが遅延する
表示領域のコンテキストメニューは問題ない
何かアドオンが悪さしているのだろうか
2021/08/26(木) 21:56:10.99ID:uVBcEvxw0
>>669
続きは質問スレで聞けや
2021/08/26(木) 22:15:34.04ID:TEQ7Vlff0
問題が限定できないだろう
2021/08/26(木) 22:18:20.12ID:TEQ7Vlff0
遅延を促進する呪文のようなカーソルの動かし方は見つけたけど
いつも、有効ではない
一斉に違ったバージョンで起きると言うのが解せない
2021/08/26(木) 23:28:25.00ID:IsjlsoCC0
そりゃ余計な処理してれば遅延もするだろ
2021/08/26(木) 23:31:46.09ID:TEQ7Vlff0
同一バージョン、同一OSで起きていることではないし
そして、もっさりというのでなく、無反応
2021/08/26(木) 23:40:09.78ID:+TivIwdHa
いっそリフレッシュしちまいな
2021/08/27(金) 00:24:48.07ID:dWaWiz7W0
ブックマークアイコンやフォルダーのメンテナンスに係わることだから、そのままの状態で使う分には問題ない
が、メンテナンスの操作性を大幅に損なう
モジラが、一斉に何らかの意図を持ってアクションを起していると疑いをもつ

更新確認もしない設定なのに、テストのために温存していた52,9.0esrがいきなりバージョンアップした
問題のなかった温存していたバージョンでも、Linuxでも見られるのだから、訳ワカメ

リフレッシュしたら、Chromeさえも比べられない劣化環境になる

今のところ試行錯誤の結果は、アドオンは問題ないようだ
userChrome.jsを有効*無効のトグル操作で調べたところ、無効にすると問題は生じない
ローダーか、個別のスクリプトかは弁別できる所まで行ってない
2021/08/27(金) 00:55:40.69ID:dWaWiz7W0
大方、問題は特定した

ToolbarAutoHide.uc.js

コンテキストメニューを開いた時点でプルダウンメニューの位置がぶれて
システムのステータス取得に不都合が起きるのだろう
しかし、ここに来てなぜ状況が顕在化したのか不明
2021/08/27(金) 01:46:19.56ID:dWaWiz7W0
ToolbarAutoHide.uc.jsの運用上のトラブル回避策

コンテキストメニューを開くとき、アイテムの一番右側にカーソルを持って行ってから右クリックすると
コンテキストメニューのカーソル反転が直ぐ行なわれるようになる
2021/08/27(金) 01:50:43.91ID:dWaWiz7W0
以上のような情況ですので、ToolbarAutoHide.uc.jsの作者の方、よろしくお願いします
2021/08/27(金) 02:43:35.34ID:dWaWiz7W0
プルダウンメニュー/コンテキストメニューの構築も問題なのかも
2021/08/27(金) 03:55:18.08ID:0Jf8PhN60
11-はNGExで処理しましょう
2021/08/27(金) 08:31:26.26ID:dWaWiz7W0
ブックマークツールバー・フォルダーアイコンの右クリックメニューの92になると実装が変わる
そのために、プルダウンメニューの背景色が設定に従来どおりでは行かない場合が生じる
その解決方法が見つかったら、コンテキストメニューの反応の問題が生じた
ま、だましだまし、使っていくしかないね

纏めると、背景色の問題は

.menupopup-arrowscrollbox {
color: black !important;
background-color: #fffff0 !important;
}

で対策

コンテキストメニューの反応異常の問題はアイテムの右単で右クリックする

でとりあえず凌げる
モジラの実装、ToolbarAutoHide.uc.js、別の見た目対策
に期待待ちというところですか
2021/08/27(金) 11:16:54.85ID:gzP62v0P0
おまえ昨日から同じ奴だろ
何の参考にもならないおま環修復の結果報告なんかダラダラやるなよ
2021/08/27(金) 11:26:03.94ID:dWaWiz7W0
ブックマークツールバーのフォルダーアイコンの実装がオーバーフローメニューやハンバーガーメニュー見たいな実装になるのはたしかだし
コンテキストメニューの背景色を変えたい人もいる
ToolbarAutoHide.uc.jsを使っている人もいる
役立つか役立たないかその人次第、
そのあたりの実装にほかに色々問題があるのも事実
それにユーザーはユーザーなりに対処せざるを得ない状況が生まれてきているって事だ
685名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4dcf-mzcN)
垢版 |
2021/08/27(金) 12:06:13.96ID:mRSzUClX0
11-に構ってる奴も11-
つまりe2f1-4thNは11-
1f6d-zH/yも11-
2021/08/27(金) 13:46:46.03ID:m6E/cVHza
じつは>>685は＝>>684
2021/08/30(月) 16:36:50.91ID:bF7TsN7z0
誰かStylus用のココのサイトをこういうふうにするCSSを書いて公開してくれぇ〜
っていうリクエストを書くスレってどこかにありますかね？
2021/09/02(木) 01:02:46.18ID:0kf/rcIs0
macでFF91なんだけど
タブのコンテキストメニューが消えなくなった
91前はタブを再読み込みは
#context_reloadTab
で消せた
ググって
#context_reloadSelectedTabs
を追加したけど効果なし
こういうのどうやって調べるんですか？
2021/09/02(木) 04:28:32.00ID:tL+xvC5v0
>>688
web開発ツールの設定の詳細設定の項目にある
"ブラウザーとアドオンのデバッガーを有効化"と"リモートデバッガーを有効化"にチェックを入れると
ブラウザーツールボックスが使えるようになるからコレで調べな
2021/09/02(木) 05:05:20.75ID:IJwHD1R70
つhttps://developer.mozilla.org/ja/docs/Tools/Browser_Toolbox
2021/09/03(金) 23:41:13.32ID:SFpzN1gr0
>>689
>>690
サンクス
でもどうやらmacOS Big Surではネイティブコンテキストメニュー？
というものが優先されて使われるらしい・・・proton UI関係あるのかな
そういうのさっぱりわからないわ
なので#context云々ではどうにもならないみたい

widget.macos.native-context-menusをfalse
でネイティブコンテキストメニューを無効にして消えたけど
proton UIに反するのかなあ。。。
2021/09/04(土) 00:54:48.75ID:BkUniDQ60
Leptonが頻繁に改訂されているけど、回を重ねるごとに混迷を深めた形で立ち現れてくるので困惑してる
最新版ではメニューバーの各メニュー項目のアイテムまでアイコンを表示するようになったのだけど
メニューバーにもアイコンが表示されてしまい、アイコンつくのとつかないとで隙間があったりアイコンがあったりと
従来メニュー表示を逸脱したものになっている
その他、メニューの背景色などを設定していると顕在化するのだが
「履歴(S)とブックマーク(B)のプルダウンメニューの描画が他とは違う扱いになっている
あと、タブバーの一番左が他とは別の振る舞いをする
そこで、比較的混迷度の低い初期バージョンを使うことになる
アイコンを復活させないのであれば、別の接近で解決したほうが副作用は少なく見える
2021/09/04(土) 17:16:41.10ID:dwfLeLgN0
デフォテーマでブックマークメニューポップアップの背景色おかしくなってるし
管理できてないね
2021/09/05(日) 22:46:49.94ID:tpcqj88I0
連日更新してるようで、先ほど最新版を試して見た
メニューバーへの必要もないアイコン付加を引っ込めてくれたのかと思ったけど、そのままで
併用していたcssで、前回までは有効であったブックマークメニューのフォルダーアイコンの個別割り当て設定が効かなくなったいた
何処を目指しているのだろうか
2021/09/06(月) 00:55:10.63ID:oLB5QfrCa
>>694
たぶんオマエのようなうっせえクソクレーマーのふるい落としなんじゃね？
2021/09/06(月) 07:56:18.32ID:p/GgoRto0
ワロタ、[importの一行消せばそのままやっていける
そして機能しなかったのが復活して切れが良くなる
アイコン付加だけがなくなるだけ
2021/09/06(月) 09:50:09.54ID:lu/H/Bdx0
11-はNGExで処理しましょう
2021/09/06(月) 22:50:40.81ID:p/GgoRto0
恐らく leptonの作者はメニューバーを表示した時のことをテストしてないのか
でも、そのプルダウンメニューにアイコンについて作業しているのだから、ありえないことなんだけどね
2021/09/06(月) 23:17:05.88ID:RzEmATK60
リちいいきさん
2021/09/07(火) 15:11:46.81ID:YCKs9Sne0
指摘されたことをそのまま改善していってるイメージ
2021/09/08(水) 02:09:34.04ID:rlBVyEam0
92になってブックマークツールバーのプルダウンメニューの実装が変わってきて
また、縦に間延びしてしまった
これを縮める方策はあるのだろうか
この解消策がないとfirefoxもかなりみっともない使い勝手の悪いものになる
2021/09/08(水) 08:29:51.09ID:ZurCJDxWa
>>701
何も変わらず
2021/09/08(水) 08:36:20.62ID:mD3hNmK70
>>701
お前のいじり倒した糞環境の問題だな
こちらでは問題なしだ
2021/09/08(水) 08:36:35.48ID:vmqwHpAy0
>>701
menupopup > menuitem,
menupopup > menu {
padding-block: 0.15em !important;
}
これじゃダメなん？
2021/09/08(水) 08:58:00.52ID:ZurCJDxWa
>>701
/*** ブックマークアイテムの行間の高さを変える ***/
.bookmark-item,
.bookmark-item > menupopup,
.bookmark-item > menupopup > menuitem {
padding-block: 0.0em !important;
}
2021/09/08(水) 09:33:02.95ID:rlBVyEam0
プルダウンメニューのブランチのアイコン
プルダウンメニューの角と影
プルダウンメニューのアイテムの高さ
アイコンを右クリックしてコンテキストメニューを出せばその違いは歴然
2021/09/08(水) 09:34:41.42ID:rlBVyEam0
場合によっては、背景色と影の色が変わる
2021/09/08(水) 09:37:31.63ID:rlBVyEam0
Linuxでも、他のcss、スクリプトを外しても、実装の変化は明白
2021/09/08(水) 10:42:30.57ID:n3mNis1N0
>>708
他のブラウザ使え
鬱陶しいから来るな
2021/09/08(水) 10:57:31.79ID:veFholL00
>>705
これではかわらないわ。
広くはなるけど(例えばpadding-block: 10em !important;とかね。)狭くはならない。
間隔を0にしたい。（0にした上で好きなサイズに広げたい）
2021/09/08(水) 11:15:37.17ID:8FY9O5xz0
0.1emと0.0emが変わらない
2021/09/08(水) 11:56:57.47ID:utDdW8Km0
#PlacesToolbar menupopup :is(menu, menuitem) {
min-height: 0 !important;
}
2021/09/08(水) 12:44:50.00ID:8FY9O5xz0
>>712
ありがとうございます
2021/09/08(水) 12:53:34.55ID:veFholL00
>>712
こちらでレスしていただいた内容でも変化がありませんでした。

値を0より上にすると幅は広がります。
値をマイナスへしてもやはり広がります。（多分デフォルトの高さだと思われます）

★が小さくなる問題は、UI密度の設定でコンパクトの設定を念のために追加していたがこれを削除したら大きさは元に戻った。

今の所ブックマークの行間以外問題は改善された模様。
2021/09/08(水) 13:31:01.67ID:rlBVyEam0
先行のNightlyやDeveloperでいろいろ試したけど
Web検索しても
従来スタイルのブックマークツールバーのプルダウンメニューのアイテムの高さ行間と同じもしくは以下になる解決策は見つけられなかった

仕様で設定不可能だったら万事窮すだ
そうでなければ通常版で起きている事態だし、解決策が出されるかもしれない
2021/09/08(水) 13:52:09.17ID:8FY9O5xz0
>>705>>712
合わせて書いたら行間なくなったけどな
2021/09/08(水) 13:55:59.12ID:veFholL00
URLバーの高さってどこをいじればいいのかな。
#urlbar-container
#urlbar
の高さを低くしても全然かわらない。
2021/09/08(水) 14:04:36.86ID:veFholL00
>>716
ありがとう。
両方書けば調整できるようになりました。
レスいただいた方ありがとうございました。
2021/09/08(水) 14:07:06.40ID:rlBVyEam0
そこまでがぎりぎり出来ることなんだよな、なんだかなあ
2021/09/08(水) 15:16:39.48ID:CkfBXNJc0
確かにブックマークツールバープルダウンメニューの背景色だけが白っぽくなって
目がしにそうになる
@デフォテーマ
2021/09/08(水) 15:34:46.00ID:j40ZelR/a
これ92.0で効かなくなった。
/*** URLバーの★マークを非表示 ***/
#star-button {display: none !important;}
どう修正すれば良いの？
2021/09/08(水) 15:37:59.88ID:rlBVyEam0
その場合には、従来のコンテキストメニューの背景色のためのcssや
無設定に代えて

/* コンテキストメニューの色の変更 */
.menupopup-arrowscrollbox {
color: black !important;
background-color: #fffff0 !important;
}

みたいに、　#fffff0 の部分を好みに合わせて書き換えてみて
2021/09/08(水) 15:38:23.14ID:jQaAZ4Hk0
>>721
#star-button-box
724名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 5f11-nTGN)
垢版 |
2021/09/08(水) 15:55:24.70ID:B2jQoqiL0
92でマウスジェスチャが効かなくなったわ
2021/09/08(水) 16:08:35.14ID:j40ZelR/a
>>723
ありがとう、消えました。
2021/09/08(水) 21:07:34.26ID:SNCWDWCQ0
>>717
#urlbar-input-containerでmin-heightをいじればいけたと思う
727名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 5f99-nTGN)
垢版 |
2021/09/08(水) 23:16:51.87ID:Djs96XlA0
>>724はconfig.jsとuserChrome.jsの更新でうまくいったわ
2021/09/09(木) 11:01:12.57ID:nPmWINhv00909
タブのダブルクリックでページ更新ができなくなったけど直し方は？
2021/09/09(木) 21:58:00.84ID:nPmWINhv00909
userChrome.jsの
gBrowser.getBrowserForTab(tab).reload();
が効かなくなったようでどうしたらいいものか・・
2021/09/09(木) 23:20:53.23ID:QbmVxvO60
YouTubeの背景色をダークやライトモード以外（例えばブルー）で指定できますかね？
試しにやってみたけどうまく行きません。
2021/09/10(金) 15:27:01.71ID:NsZ1qhiC0
>>730
試しにやったのを書いて何処が間違ってるのを聞く方が良いと思う
2021/09/10(金) 17:45:03.09ID:H3ySxtKh0
完全におま環だが、流石にこれには萎えた

候補のプルダウンメニューが隠れている
別の方式を試したら、この問題は反応がぎこちないがほぼ解消した
が、メインメニューバーやブックマークツールバーの表示突然消える

隠していた全ツールバーをホーバーを利用飛び出させるcssだが、副作用が強過ぎた
ま、URLバーでの検索は稀にしか使わないが、これではつらいものがある

https://i.imgur.com/VgLVUKl.png
2021/09/10(金) 18:00:05.52ID:kdWD2Xbu0
また気象庁のお前かよｗ
2021/09/10(金) 18:34:17.57ID:H3ySxtKh0
タブバーだ出しておく、ToolbarAutoHide.uc.jsでは問題がない
けど、きちんと出たとしても、最近は酷くなっていないか
URLバー一つで済ませたがらせるように見える
URLバーならではのURL検索から離れてきている

https://i.imgur.com/PdG7ePN.png
2021/09/10(金) 18:40:30.39ID:H3ySxtKh0
実はこちらさんのを試させてもらったんだけど
英語読むのかったるいので、さっと飛ばしてコードだけを拾って試したwww

Support mozilla Get Help
https://support.mozilla.org/en-US/questions/1284841
2021/09/10(金) 18:45:26.34ID:YSK0tQEi0
92でブックマークツールバーのフォルダをクリックしたら中身の縦幅がえらいことになっててびっくりした
2021/09/10(金) 18:55:21.01ID:iCmpj1qqa
>>735
これ使えるね。
height と　opacityの値だけ変えた。
2021/09/10(金) 19:08:49.91ID:H3ySxtKh0
副作用は、URLバーでの検索とプルダウンメニューあたり
なんだかなぁ
2021/09/10(金) 19:24:35.26ID:YSK0tQEi0
インスペクターで見てここの設定のチェック外したら上手くいったんでとりあえず0にした
上で同じこと言ってた人がいたのね
#PlacesToolbar menuitem {
padding: 0 !important;
}
2021/09/10(金) 19:35:11.05ID:iCmpj1qqa
タブへのマウスオーバーでサイトのタイトルが表示されて鬱陶しいです。
非表示にしたい。
2021/09/10(金) 19:40:31.78ID:bwX/1c/O0
>>740
about:config で browser.chrome.toolbar_tips を false
2021/09/10(金) 19:45:26.34ID:iCmpj1qqa
>>741
早々のレス、ありがとう。
2021/09/11(土) 06:40:12.87ID:x7wSVUgE0
未読タブの色変更が、動かなくなった。
助けてくれー
2021/09/11(土) 15:23:41.94ID:vSv5Jn040
誰かタブのDクリックで再読込みのスクリプト貼ってくんないい？変わったようだ
2021/09/11(土) 17:12:49.14ID:j4k+ekMN0
Cascading Style Sheets
746名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ b681-c5DT)
垢版 |
2021/09/11(土) 21:18:59.07ID:4OoHr8UN0
>>736
mac版だととんでもないことになった
直したけど
2021/09/11(土) 22:28:31.84ID:mm2PjOnF0
な、スレチ林檎age厨ガイジだろ👆
2021/09/12(日) 19:19:54.46ID:AYAwd8yea
>>747
林檎のどこが気に入らねーんだよクソガイジ
749名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 79cf-wuon)
垢版 |
2021/09/12(日) 21:21:13.48ID:koVyAzKA0
儲があまりにキモいんだよね
750名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ b681-c5DT)
垢版 |
2021/09/13(月) 20:51:03.99ID:mAhIRrrt0
>>747
初めてこのスレに書いたけどsage進行なの？
いつの時代よ。ageると荒らが来たりするのか？
2021/09/13(月) 20:54:48.80ID:cky28E2L0
上げ下げ言ってるのは専用ブラウザも使ってない人だけでしょw
使ってりゃそんな事何も関係ないし。
2021/09/13(月) 23:29:45.72ID:eyB2wYej0
あ、あげるとえっちな広告貼られちゃうし！
2021/09/14(火) 02:06:02.14ID:HwxCNf+D0
スクロールバーの幅を細くするのに scrollbar-width: thin これ使ってたんだけど効かなくなったみたい
廃止になったんですかね？　細くする技があれば教えてくだされませ
2021/09/14(火) 08:33:15.70ID:yrGg3G6/0
>>753
https://github.com/endeavoursc/firefox-overlay-scrollbars-win10

↑スクロールバーの処理はこれが一番スマートでいいよオススメ。
2021/09/14(火) 14:12:57.90ID:FdiUFN6Q0
>>753
細くするだけなら、scrollbar-width: thinで92.0でも効いてますよ。
2021/09/14(火) 18:28:41.14ID:HwxCNf+D0
レスありがとうございます
クラス定義し直したら効きましたm(_ _)m
2021/09/17(金) 19:04:24.10ID:GXvIfwf60
タブのタイトルの長さに応じてタブの長さが可変するようなスタイルって可能ですか？
2021/09/17(金) 22:54:50.65ID:kVVs77Dp0
ページタイトルをフルレングスでどっかに常時表示させるようなのってできるかな？
2021/09/17(金) 22:57:22.61ID:3MRRHX/r0
タイトルバー出せば?
2021/10/01(金) 19:46:09.40ID:b4VkehHi0
ちょこちょこ色変えるのめんどくて
https://github.com/FirefoxUX/photon-colors/blob/master/photon-colors.css
もうこの色変えてしまえばいいじゃん？と思ったけど
:root {--blue-60: red;}
これじゃあダメで詰まり一体どうすれヴぁいんだー？
761名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ d376-2jfQ)
垢版 |
2021/10/05(火) 16:16:17.71ID:H1XHQigq0
Firefox 89+ – Styling the New Proton UI
https://www.userchrome.org/firefox-89-styling-proton-ui.html

↑のページの、Restyling tab buttonsのとこの、
Container/Active Tab color line: +Blue line on active tab
のタブの上側を青色じゃなく、下側を青に変更できませんか？
762名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 23be-zNbL)
垢版 |
2021/10/05(火) 17:38:50.40ID:O3t78uE/0
>>761
すべて(五か所)の
.tab-background::before
を
.tab-background::after
にする

コンテナータブの線と被って隠れてしまうので次の部分を削除

/* Move container color bar to bottom of tab */

.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
margin-top: calc(var(--tab-min-height) - 2px) !important;
}
2021/10/05(火) 17:47:51.78ID:H1XHQigq0
>>762
ありがとうございます。今度時間があるときにやってみます。
2021/10/05(火) 18:26:34.74ID:3wgSMZSK0
>>760
これどこのフォルダに入れるん？
765名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ b3cf-8B5U)
垢版 |
2021/10/05(火) 22:07:51.07ID:XzDQzRDD0
まず自力でいろいろやってみた上で
うまくいかなかったら何をやって失敗したのか添えて質問しろよカス
2021/10/05(火) 22:12:06.30ID:d8CfFRn80
もうちっと優しくしてね
■ このスレッドは過去ログ倉庫に格納されています
16歳の水野カイトが封印の刀を見つけ、時間が裂けて黒い風と亡霊の侍が現れ、霊の時雨と契約して呪われた刀の継承者となる場面