userChrome.css・userContent.cssスレ Part11

2020/03/21(土) 10:16:26.74

!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/19(木) 04:52:23.26

チョンの作ったやつなんか使うなよ
気色悪いなもう

2021/08/19(木) 09:25:21.23

最新のLeptonだと、そもそも、履歴(S)とブックマークとブックマーク(B)が他とが違ってきている
だから、即刻、前のバージョンに戻した

元々の設定を表示するように戻したのかもしれないけど、何らかの取り残しが生じたようだ
メニューの仕立てには問題があった

91だと、メニューの背景色や区切り線に関するcssに副作用が出てこないのでそれを使っているけど
履歴(S)とブックマークとブックマーク(B)のプルダウンメニューと他では、はっきりした色の違いが出た
それなのに、僅か幾つかで元々の反転色か残る

反転色の違いは、管理のプルダウンメニューと同じになる

Leptonはプルダウンメニューのアイコン表示に便利だが
若干バグが含まれていて、不思議な現象が生じる
その副作用を取り除くことはなかなか困難

2021/08/19(木) 11:55:50.85

>>637
何も役に立つもの生産できないネトウヨが嫉妬するなよ
気持ち悪いなもう

2021/08/19(木) 12:17:18.26

>>636
こっちじゃ起きないからおま環だな
最新版じゃ修正されてるようだがまだ発生するなら報告したほうがいいんじゃないか
https://github.com/black7375/Firefox-UI-Fix/issues/140

2021/08/19(木) 12:44:21.25

メニューに関しては、92から次の段階の迷走が始まる
そこでの問題をLeptopでは対応できてない

Leptonを導入するにも、ユーザーがそれまでに作った環境の放棄に値するほどでもない
つまり、おま環言われても相容れなければ意味は薄い
というのは、1/10程度の記述でアイコン以外の必要なことが実現できていたのだから

メニュー表示に関することで問題があるのは事実だ
メニューにアイコン付加するための最小限の副作用の起きないバージョンが望まれる

2021/08/19(木) 13:08:04.15

>>640
レス有難うございます
おま環が分かっただけでも収穫です
使っているのは black7375 で最新だと思います
報告ってやっぱり英語ですよね？う～むｗ

2021/08/19(木) 22:29:33.89

>>641
なんだその機械翻訳したみたいな文章は

2021/08/23(月) 02:55:11.52

脊髄ネトウヨ連呼基地害ﾁｮﾝ常駐クソスレ💩

2021/08/26(木) 10:41:06.12

教えてください！

91の行間は改善したんですが
メニューバーのブックマーク等の背景色をグレーにするには
下記のCSSにどのように追記すれば良いですか？

/* ブックマークアイテムの高さを変える */
.bookmark-item,
.bookmark-item > menupopup,
.bookmark-item > menupopup > menuitem {
padding-block: 0.15em !important;
}

/* タブの間隔を狭くする */
.tab-background {
margin-bottom: 0 !important;
border-radius: 0 !important;

fabbrowser-tab {
padding-left: 0 !important;
padding-right: 0 !important;
}

2021/08/26(木) 11:22:27.53

91までだね、92以降はブックマークツールバーのフォルダーのプルダウンメニューは別の施策が必要

/* コンテキストメニューの色の変更 */
menupopup {
-moz-appearance: none !important;
background-color: gray　!important;
}

2021/08/26(木) 11:43:56.82

>>645
「メニューバーのブックマーク等」がどの部分を
指してるか分からないがサイドバーじゃくツールバーなら

#toolbar-menubar,
#PersonalToolbar,
#TabsToolbar,
#nav-bar
{background-color: #ff0000 !important;}

あっちのスレでした質問を取り消して
スレを移動したこと書き込んだほうがいいぞ

2021/08/26(木) 11:44:44.52

11-はNGExで処理しましょう

2021/08/26(木) 11:48:27.77

>>646
ありがとうございます

追記しましたがグレーになりませんでした
バージョンは最新の91.0.2です

2021/08/26(木) 12:04:52.45

それぞれの環境、テーマなどの違いがあるから
>>647でも、試してみたけど、逆に、そちらではだめだったwww

2021/08/26(木) 12:10:19.22

>>647
あっちはクローズしてきました <(_ _)>

https://i.imgur.com/S2BHMGl.png
改悪前は画像の色だったんですが黒っぽくなってしまいました

2021/08/26(木) 12:53:16.43

ワロタ、>>647は自分のcssだと、記述場所を変えて、全部または部分で
メニューバーの色を変えるのに使えるにゃwww

2021/08/26(木) 13:22:35.45

見つけたのは
.menupopup-arrowscrollbox {background-color: grey !important;}
メニューの大部分に有効になってしまうが

2021/08/26(木) 13:23:42.15

>>652
自分のは変化無しです

具体的に教えてください！

2021/08/26(木) 13:32:27.78

>>653
やってみましたが変化無しです
テーマの影響でしょうか？
Black Shine使ってますが改悪前はグレーでした

2021/08/26(木) 13:32:38.90

>>654
申し訳ない
それは全然見当違いの場所に適用するやつです

>>653さんのやつでいけるみたいです

2021/08/26(木) 13:41:00.18

>>655
テーマ　Black Shine　入れて確認してみたけど下記のでいけますね
.menupopup-arrowscrollbox{
background-color:#ff0000!important;
}

カラーコードを調べて自分の好きなカラーを選んでで
「#ff0000」を書き換えてみても変化ありませんか？

2021/08/26(木) 13:43:54.88

>>653
一番下から一番上に記述したら色が変わりました！
ありがとうございます！

>>656
どういたしまして <(_ _)>
初心者に付き合って頂いて感謝です

2021/08/26(木) 13:46:07.13

>>657
真っ赤になって焦りました(笑)

ありがとうございます <(_ _)>

2021/08/26(木) 13:59:37.37

すみません
もう一つだけ教えてください

背景色は変えられましたが
文字を黒にする記述を教えてください
今現在は白です

2021/08/26(木) 14:21:58.84

自己解決しました

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

いろんな色で楽しんでいます

お騒がせしました<(_ _)>

2021/08/26(木) 17:48:06.97

92まで間があるので、その時はその時だな

2021/08/26(木) 18:40:49.56

だけど、どうやら、92では

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

で、行けそうだ、ありがとうよんwww

今までは、テーマをfirefox colorでハンバーガーメニューの背景色を指定替えすることで
それと色の従属関係にあったブックマークツールバーのフォルダープルダウンメニューの背景色を変えていた
そうなると、テーマーの選択肢がなくなった
また、ブックマークツールバーのフォルダープルダウンメニューの影の部分に副作用があった
それも解消した

後は、leptonを導入した場合のタブの色の指定だ
従来方法とバッティングする

2021/08/26(木) 18:55:02.42

>>663
92でもイケそうで安心しました
取り敢えず今日はここまでで90％元に戻りました

/* コンテキストメニューの色の変更 */
.menupopup-arrowscrollbox {
color: #000000 !important;
background-color: #c0c0c0 !important;
}
/* ブックマークアイテムの高さを変える */
.bookmark-item,
.bookmark-item > menupopup,
.bookmark-item > menupopup > menuitem {
padding-block: 0.15em !important;
}
/* ブックマークアイテム以外の高さを変える */
menupopup > menuitem, menupopup > menu {
padding-block: 2px !important;
}
/* タブの間隔を狭くする */
.tab-background {
margin-bottom: 0 !important;
border-radius: 0 !important;
fabbrowser-tab {
padding-left: 0 !important;
padding-right: 0 !important;
}

後の10％は各メニューバー項目で非活性（グレーアウト）の色を白に変えたいけどわかりませんでした
どなたか教えてください！

2021/08/26(木) 20:16:19.74

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

で、解決したと思ったけど

この設定ではコンテキストメニューの部分で極端に遅く反応する場合が生じた
Leptonとの関連か
まいったね

2021/08/26(木) 20:35:57.18

なんだろ、全体がおかしくなった
回線パクラレたかにゃ

2021/08/26(木) 20:56:17.09

全体の情況を見ようと、52esrを起動したらいきなりバージョンアップした
アドオンも同時にアップさせられ
本体、プロファイルのバックアップで何とか戻した
だが、コンテキストメニューの挙動が前のようでない
何なんだろう
他のバージョンも同様、レジストリーかキャッシュか
訳分らないな

2021/08/26(木) 21:22:23.13

問題がなかったバージョンにもおこりセーフモードでは発生しない
全部のプロファイルにゴミが入ったとは考えにくいのだが

2021/08/26(木) 21:33:13.05

ブックマークツールバーに並んだアイコンのコンテキストメニューには遅延は発生しない
その他のコンテキストメニューが遅延する
表示領域のコンテキストメニューは問題ない
何かアドオンが悪さしているのだろうか

2021/08/26(木) 21:56:10.99

>>669
続きは質問スレで聞けや

2021/08/26(木) 22:15:34.04

問題が限定できないだろう

2021/08/26(木) 22:18:20.12

遅延を促進する呪文のようなカーソルの動かし方は見つけたけど
いつも、有効ではない
一斉に違ったバージョンで起きると言うのが解せない

2021/08/26(木) 23:28:25.00

そりゃ余計な処理してれば遅延もするだろ

2021/08/26(木) 23:31:46.09

同一バージョン、同一OSで起きていることではないし
そして、もっさりというのでなく、無反応

2021/08/26(木) 23:40:09.78

いっそリフレッシュしちまいな

2021/08/27(金) 00:24:48.07

ブックマークアイコンやフォルダーのメンテナンスに係わることだから、そのままの状態で使う分には問題ない
が、メンテナンスの操作性を大幅に損なう
モジラが、一斉に何らかの意図を持ってアクションを起していると疑いをもつ

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

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

今のところ試行錯誤の結果は、アドオンは問題ないようだ
userChrome.jsを有効*無効のトグル操作で調べたところ、無効にすると問題は生じない
ローダーか、個別のスクリプトかは弁別できる所まで行ってない

2021/08/27(金) 00:55:40.69

大方、問題は特定した

ToolbarAutoHide.uc.js

コンテキストメニューを開いた時点でプルダウンメニューの位置がぶれて
システムのステータス取得に不都合が起きるのだろう
しかし、ここに来てなぜ状況が顕在化したのか不明

2021/08/27(金) 01:46:19.56

ToolbarAutoHide.uc.jsの運用上のトラブル回避策

コンテキストメニューを開くとき、アイテムの一番右側にカーソルを持って行ってから右クリックすると
コンテキストメニューのカーソル反転が直ぐ行なわれるようになる

2021/08/27(金) 01:50:43.91

以上のような情況ですので、ToolbarAutoHide.uc.jsの作者の方、よろしくお願いします

2021/08/27(金) 02:43:35.34

プルダウンメニュー/コンテキストメニューの構築も問題なのかも

2021/08/27(金) 03:55:18.08

11-はNGExで処理しましょう

2021/08/27(金) 08:31:26.26

ブックマークツールバー・フォルダーアイコンの右クリックメニューの92になると実装が変わる
そのために、プルダウンメニューの背景色が設定に従来どおりでは行かない場合が生じる
その解決方法が見つかったら、コンテキストメニューの反応の問題が生じた
ま、だましだまし、使っていくしかないね

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

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

で対策

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

でとりあえず凌げる
モジラの実装、ToolbarAutoHide.uc.js、別の見た目対策
に期待待ちというところですか

2021/08/27(金) 11:16:54.85

おまえ昨日から同じ奴だろ
何の参考にもならないおま環修復の結果報告なんかダラダラやるなよ

2021/08/27(金) 11:26:03.94

ブックマークツールバーのフォルダーアイコンの実装がオーバーフローメニューやハンバーガーメニュー見たいな実装になるのはたしかだし
コンテキストメニューの背景色を変えたい人もいる
ToolbarAutoHide.uc.jsを使っている人もいる
役立つか役立たないかその人次第、
そのあたりの実装にほかに色々問題があるのも事実
それにユーザーはユーザーなりに対処せざるを得ない状況が生まれてきているって事だ

2021/08/27(金) 12:06:13.96

11-に構ってる奴も11-
つまりe2f1-4thNは11-
1f6d-zH/yも11-

2021/08/27(金) 13:46:46.03

じつは>>685は＝>>684

2021/08/30(月) 16:36:50.91

誰かStylus用のココのサイトをこういうふうにするCSSを書いて公開してくれぇ～
っていうリクエストを書くスレってどこかにありますかね？

2021/09/02(木) 01:02:46.18

macでFF91なんだけど
タブのコンテキストメニューが消えなくなった
91前はタブを再読み込みは
#context_reloadTab
で消せた
ググって
#context_reloadSelectedTabs
を追加したけど効果なし
こういうのどうやって調べるんですか？

2021/09/02(木) 04:28:32.00

>>688
web開発ツールの設定の詳細設定の項目にある
"ブラウザーとアドオンのデバッガーを有効化"と"リモートデバッガーを有効化"にチェックを入れると
ブラウザーツールボックスが使えるようになるからコレで調べな

2021/09/02(木) 05:05:20.75

つhttps://developer.mozilla.org/ja/docs/Tools/Browser_Toolbox

2021/09/03(金) 23:41:13.32

>>689
>>690
サンクス
でもどうやらmacOS Big Surではネイティブコンテキストメニュー？
というものが優先されて使われるらしい・・・proton UI関係あるのかな
そういうのさっぱりわからないわ
なので#context云々ではどうにもならないみたい

widget.macos.native-context-menusをfalse
でネイティブコンテキストメニューを無効にして消えたけど
proton UIに反するのかなあ。。。

C (ﾜｯﾁｮｲ 5f11-i9YD) · 2021/09/04(土) 00:54:48.75

Leptonが頻繁に改訂されているけど、回を重ねるごとに混迷を深めた形で立ち現れてくるので困惑してる
最新版ではメニューバーの各メニュー項目のアイテムまでアイコンを表示するようになったのだけど
メニューバーにもアイコンが表示されてしまい、アイコンつくのとつかないとで隙間があったりアイコンがあったりと
従来メニュー表示を逸脱したものになっている
その他、メニューの背景色などを設定していると顕在化するのだが
「履歴(S)とブックマーク(B)のプルダウンメニューの描画が他とは違う扱いになっている
あと、タブバーの一番左が他とは別の振る舞いをする
そこで、比較的混迷度の低い初期バージョンを使うことになる
アイコンを復活させないのであれば、別の接近で解決したほうが副作用は少なく見える

2021/09/04(土) 17:16:41.10

デフォテーマでブックマークメニューポップアップの背景色おかしくなってるし
管理できてないね

2021/09/05(日) 22:46:49.94

連日更新してるようで、先ほど最新版を試して見た
メニューバーへの必要もないアイコン付加を引っ込めてくれたのかと思ったけど、そのままで
併用していたcssで、前回までは有効であったブックマークメニューのフォルダーアイコンの個別割り当て設定が効かなくなったいた
何処を目指しているのだろうか

2021/09/06(月) 00:55:10.63

>>694
たぶんオマエのようなうっせえクソクレーマーのふるい落としなんじゃね？

2021/09/06(月) 07:56:18.32

ワロタ、[importの一行消せばそのままやっていける
そして機能しなかったのが復活して切れが良くなる
アイコン付加だけがなくなるだけ

2021/09/06(月) 09:50:09.54

11-はNGExで処理しましょう

2021/09/06(月) 22:50:40.81

恐らく leptonの作者はメニューバーを表示した時のことをテストしてないのか
でも、そのプルダウンメニューにアイコンについて作業しているのだから、ありえないことなんだけどね

2021/09/06(月) 23:17:05.88

リちいいきさん

2021/09/07(火) 15:11:46.81

指摘されたことをそのまま改善していってるイメージ

2021/09/08(水) 02:09:34.04

92になってブックマークツールバーのプルダウンメニューの実装が変わってきて
また、縦に間延びしてしまった
これを縮める方策はあるのだろうか
この解消策がないとfirefoxもかなりみっともない使い勝手の悪いものになる

2021/09/08(水) 08:29:51.09

>>701
何も変わらず

2021/09/08(水) 08:36:20.62

>>701
お前のいじり倒した糞環境の問題だな
こちらでは問題なしだ

2021/09/08(水) 08:36:35.48

>>701
menupopup > menuitem,
menupopup > menu {
padding-block: 0.15em !important;
}
これじゃダメなん？

2021/09/08(水) 08:58:00.52

>>701
/*** ブックマークアイテムの行間の高さを変える ***/
.bookmark-item,
.bookmark-item > menupopup,
.bookmark-item > menupopup > menuitem {
padding-block: 0.0em !important;
}

2021/09/08(水) 09:33:02.95

プルダウンメニューのブランチのアイコン
プルダウンメニューの角と影
プルダウンメニューのアイテムの高さ
アイコンを右クリックしてコンテキストメニューを出せばその違いは歴然

2021/09/08(水) 09:34:41.42

場合によっては、背景色と影の色が変わる

2021/09/08(水) 09:37:31.63

Linuxでも、他のcss、スクリプトを外しても、実装の変化は明白

2021/09/08(水) 10:42:30.57

>>708
他のブラウザ使え
鬱陶しいから来るな

2021/09/08(水) 10:57:31.79

>>705
これではかわらないわ。
広くはなるけど(例えばpadding-block: 10em !important;とかね。)狭くはならない。
間隔を0にしたい。（0にした上で好きなサイズに広げたい）

2021/09/08(水) 11:15:37.17

0.1emと0.0emが変わらない

2021/09/08(水) 11:56:57.47

#PlacesToolbar menupopup :is(menu, menuitem) {
min-height: 0 !important;
}

2021/09/08(水) 12:44:50.00

>>712
ありがとうございます

2021/09/08(水) 12:53:34.55

>>712
こちらでレスしていただいた内容でも変化がありませんでした。

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

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

今の所ブックマークの行間以外問題は改善された模様。

2021/09/08(水) 13:31:01.67

先行のNightlyやDeveloperでいろいろ試したけど
Web検索しても
従来スタイルのブックマークツールバーのプルダウンメニューのアイテムの高さ行間と同じもしくは以下になる解決策は見つけられなかった

仕様で設定不可能だったら万事窮すだ
そうでなければ通常版で起きている事態だし、解決策が出されるかもしれない

2021/09/08(水) 13:52:09.17

>>705>>712
合わせて書いたら行間なくなったけどな

2021/09/08(水) 13:55:59.12

URLバーの高さってどこをいじればいいのかな。
#urlbar-container
#urlbar
の高さを低くしても全然かわらない。

2021/09/08(水) 14:04:36.86

>>716
ありがとう。
両方書けば調整できるようになりました。
レスいただいた方ありがとうございました。

2021/09/08(水) 14:07:06.40

そこまでがぎりぎり出来ることなんだよな、なんだかなあ

2021/09/08(水) 15:16:39.48

確かにブックマークツールバープルダウンメニューの背景色だけが白っぽくなって
目がしにそうになる
@デフォテーマ

2021/09/08(水) 15:34:46.00

これ92.0で効かなくなった。
/*** URLバーの★マークを非表示 ***/
#star-button {display: none !important;}
どう修正すれば良いの？

2021/09/08(水) 15:37:59.88

その場合には、従来のコンテキストメニューの背景色のためのcssや
無設定に代えて

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

みたいに、　#fffff0 の部分を好みに合わせて書き換えてみて

2021/09/08(水) 15:38:23.14

>>721
#star-button-box

2021/09/08(水) 15:55:24.70

92でマウスジェスチャが効かなくなったわ

2021/09/08(水) 16:08:35.14

>>723
ありがとう、消えました。

2021/09/08(水) 21:07:34.26

>>717
#urlbar-input-containerでmin-heightをいじればいけたと思う

2021/09/08(水) 23:16:51.87

>>724はconfig.jsとuserChrome.jsの更新でうまくいったわ

2021/09/09(木) 11:01:12.57

タブのダブルクリックでページ更新ができなくなったけど直し方は？

2021/09/09(木) 21:58:00.84

userChrome.jsの
gBrowser.getBrowserForTab(tab).reload();
が効かなくなったようでどうしたらいいものか・・

2021/09/09(木) 23:20:53.23

YouTubeの背景色をダークやライトモード以外（例えばブルー）で指定できますかね？
試しにやってみたけどうまく行きません。

2021/09/10(金) 15:27:01.71

>>730
試しにやったのを書いて何処が間違ってるのを聞く方が良いと思う

2021/09/10(金) 17:45:03.09

完全におま環だが、流石にこれには萎えた

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

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

https://i.imgur.com/VgLVUKl.png

2021/09/10(金) 18:00:05.52

また気象庁のお前かよｗ

2021/09/10(金) 18:34:17.57

タブバーだ出しておく、ToolbarAutoHide.uc.jsでは問題がない
けど、きちんと出たとしても、最近は酷くなっていないか
URLバー一つで済ませたがらせるように見える
URLバーならではのURL検索から離れてきている

https://i.imgur.com/PdG7ePN.png

2021/09/10(金) 18:40:30.39

実はこちらさんのを試させてもらったんだけど
英語読むのかったるいので、さっと飛ばしてコードだけを拾って試したwww

Support mozilla Get Help
https://support.mozilla.org/en-US/questions/1284841

2021/09/10(金) 18:45:26.34

92でブックマークツールバーのフォルダをクリックしたら中身の縦幅がえらいことになっててびっくりした