X



userChrome.css・userContent.cssスレ Part11
レス数が1000を超えています。これ以上書き込みはできません。
0001名無しさん@お腹いっぱい。 (ワッチョイW 0676-wDCc)
垢版 |
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
0002名無しさん@お腹いっぱい。 (アウアウカー Sa15-LCoq)
垢版 |
2020/03/21(土) 11:41:31.26ID:AAVwE/mQa
使えそうなやつ

要素名を調べる
https://developer.mozilla.org/ja/docs/Tools/Page_Inspector/How_to/Select_an_element
ブラウザーUIの要素名を調べる
https://developer.mozilla.org/ja/docs/Tools/Browser_Toolbox
前スレにあったコンテキストメニューの要素名集
https://u6.getuploader.com/script/download/1912
Mozilla Firefox 多段タブスレ Part.1
http://egg.5ch.net/test/read.cgi/software/1577781022/
0006名無しさん@お腹いっぱい。 (ワッチョイ b356-hdmr)
垢版 |
2020/03/21(土) 17:23:26.08ID:34boPUIm0
>>1
たておつ、あのキチがレス埋めしたからワッチョイ付きの必要性に傾いたというw
またしばらく別のところで暴れて報告されてISPBANでもされるんじゃね?
0010名無しさん@お腹いっぱい。 (ワッチョイ 8b44-s/Up)
垢版 |
2020/03/22(日) 10:56:02.79ID:JMppQSqi0
ワッチョイとかいうゴミをつけることでまともな住民を遠ざけてスレを過疎化させるのが目的なんだから、そりゃ目的が達成されれば来るはずがない
要するに喜んでるお前らは、荒らしの思惑にまんまと乗せられたアホ
0013名無しさん@お腹いっぱい。 (ワッチョイ 655a-LV+v)
垢版 |
2020/04/01(水) 20:26:07.74ID:wpnBfkAv0
Chrome上のGoogleスプレッドのセルに対してUserCSSを適用したい。
どうすればいいですか。
セルというか行と列のバーの文字が小さくて細くて読めないんです。視認性悪すぎ。
Chrome自体全体にどこのサイトもやたら細くてかすれた文字で(レンダリングが悪い)、
こんなのを入れて文字を太く調整しています。
*{
-webkit-text-stroke-width: 0.7px !important;
text-shadow: 0 0 0.1px !important;
font-family:"M+ 1C medium"!important;
}
しかしこのスタイルがスプレッドシートの表の部分には適用されず困ってます。
同じスタイルでFirefoxだと適用されます。UAをFirefoxにしても適用されません。

環境:Windows10 Chrome74 拡張はSTYLUS
0020名無しさん@お腹いっぱい。 (ワッチョイ 9b0c-bVUD)
垢版 |
2020/04/06(月) 09:31:25.53ID:kVecsBAn0
>>19
まぁ今までコピペしかしてなかったからブラウザーツールボックスとか初めて使ったんで要領悪いのは間違いないんだけどw
toolbarbutton とか色々ワードみつけてやってみたけど出来ないままだわ。
そしてついにブラウザーツールボックス自体出てこなくなったw
0021名無しさん@お腹いっぱい。 (ワッチョイ 1b73-bVUD)
垢版 |
2020/04/06(月) 10:17:10.32ID:CUoY3Aqu0
>>20
ブラウザーツールボックスが起動しなくなった時はプロファイルフォルダにあるchrome_debugger_profileを削除
アイコンの何を調整したいのか詳しく書いたほうがヒントをもらえるんじゃないかな。
0038名無しさん@お腹いっぱい。 (ワッチョイ e282-hR2K)
垢版 |
2020/04/23(木) 11:39:46.92ID:ygcdmZq50
コンテキストやら展開されるメニュー(toolやfileなど)の背景を変更したいのですが、どのidやらセレクタを変更すればいいでしょうか。これでは変化がなかったです。browser tool boxで調べては見たのですが。
menupopup,/*ポップアップの最も親*/
{background-color:red !important;
}
0041名無しさん@お腹いっぱい。 (ワッチョイ e282-hR2K)
垢版 |
2020/04/23(木) 14:56:02.97ID:ygcdmZq50
>>39
ありがとうございます。
試そうとしたんですが、今度はブラウザtoolboxが起動しなくなりました。
セーフモードでもだめです。
時々あるんですが、原因はわかりませんか?
0042名無しさん@お腹いっぱい。 (ワッチョイ e282-hR2K)
垢版 |
2020/04/23(木) 15:12:41.59ID:ygcdmZq50
解決したdeath
0043名無しさん@お腹いっぱい。 (ワッチョイ e282-hR2K)
垢版 |
2020/04/23(木) 15:27:56.50ID:ygcdmZq50
>>39
menupopup
{background-color:red !important;-moz-appearance: none;
}
こうしてもだめなようです
0045名無しさん@お腹いっぱい。 (ワッチョイ e282-hR2K)
垢版 |
2020/04/23(木) 17:05:25.53ID:ygcdmZq50
importantが足りなかったですごめんなさい
0046名無しさん@お腹いっぱい。 (ワッチョイ a702-PSJ0)
垢版 |
2020/04/29(水) 04:58:36.97ID:6FC3V7uy0
ブラウザにStylusを入れてるんですが、URLに余計なテキストがついてリンクにならないものってどうやって編集して消去すればいいですか?
**http〜**みたいなもので、他のアドオンでダブルクリックするとある程度自動認識してページに移動するものを入れたのですが、
前部は消去できても後部がくっついてきてしまいます。オプションにも後部用のものがありませんでした。
0061名無しさん@お腹いっぱい。 (ワッチョイ 7e76-oySJ)
垢版 |
2020/05/06(水) 22:08:50.62ID:8SRTD4DA0
77.0b1と0b2来たけど、タブの最大横幅を指定しているとタブ位置が乱れますね。左詰めにならない。
例えば、A、B、Cの3個タブが開いている状態でAを閉じてもB、Cが左端に移動せずそのままの位置に居る。
ちなみに、about:configで横幅指定した場合も同様の症状。デフォルトの数値なら問題なく左詰めされる。
0077名無しさん@お腹いっぱい。 (ワッチョイW d7f0-TDgL)
垢版 |
2020/05/13(水) 01:35:25.17ID:7rNvreEq0
>>72だと確かに消えるんだけどタブバーの<>も消えて、タブをドラッグして移動するとき表示している所までしか移動できない(スクロールしてくれない)のが不便だなと思いました。<>も今回同じIDになったみたいなので無理かな?
0079名無しさん@お腹いっぱい。 (ワッチョイ 0b02-W8N/)
垢版 |
2020/05/16(土) 02:15:44.75ID:BrF58iaK0
/* タブスクロールボタン非表示 */
.scrollbutton-up, .scrollbutton-down {
visibility: collapse !important;
}


76にしてから、タブを沢山開くとタブバーの左右に出現する
<>のタブスクロールバーを非表示にするCSSが効かなくなったんだけど
修正方法分かりますでしょうか?
0086名無しさん@お腹いっぱい。 (ワッチョイ c173-7hTT)
垢版 |
2020/06/03(水) 12:22:38.45ID:K8Gjteab0
>>84-85の流れに便乗して

>>24にある
/* URLバーの拡大をCSSで無効に browser.urlbar.update1:falseなら不要 */

(本文省略)

をuserChrome.cssに記載したところ、検索結果一覧のバックグラウンドが透過になるんですが
改善方法わかる方いませんか?
0087名無しさん@お腹いっぱい。 (ワッチョイ 3e06-7hTT)
垢版 |
2020/06/03(水) 12:39:08.19ID:8oSIOKq00
https://egg.5ch.net/test/read.cgi/software/1587387627/856

856 名前:名無しさん@お腹いっぱい。 (ワッチョイ a18e-upCQ)[sage] 投稿日:2020/06/02(火) 13:45:45.78 ID:+MHMhbE90
Firefox77からMegabar無効は
browser.urlbar.disableExtendForTests 真偽値 true
user_pref("browser.urlbar.disableExtendForTests", true);

今後も変更・廃止される可能性があるのでcssでやるのが無難
0088名無しさん@お腹いっぱい。 (アウアウクー MMad-QV3z)
垢版 |
2020/06/03(水) 12:45:57.21ID:srHV6FJyM
Mac版77で.tabbrowser-tabにmax-widthを指定すると、タブ閉じても左寄せせずに残骸が残るようになってしまったな
Winがメインだからあまり問題ないけど…

>>86
.urlbarView {
background-color: rgba(255,255,255,100%) !important;
}
あたりでいいんじゃない?
0092名無しさん@お腹いっぱい。 (ワッチョイ 86dc-9Zoc)
垢版 |
2020/06/07(日) 09:09:18.47ID:zx/Oxbil0
Twitterの「おすすめユーザー」の非表示で、通知欄のツイートやタグ付けされたツイートへの返信時に他のユーザーを非表示にする事なく、これを非表示にする事は出来ないのか?
0094名無しさん@お腹いっぱい。 (ワッチョイ c3b1-fBAy)
垢版 |
2020/06/14(日) 23:24:33.61ID:cdxFLfz30
/* URLバー・検索バーの高さを変更する */
#urlbar,
.searchbar-textbox {
font-size:13px;
min-height: 20px !important;
max-height: 20px !important;

firefox77でこれで検索バーの方だけ効かなくなってるんですがどうすれば変えられますか
0096マリンバード (ワッチョイ 132c-fBAy)
垢版 |
2020/06/15(月) 13:24:26.94ID:5Zevxyt30
userChrome.css超初心者です。お詳しい方、助けてください。

「最小化ボタン」「最大化ボタン」「閉じるボタン」、通常、画面の最右上にあるのですが、
上部メニュバーの「ヘルプ(H)」のすぐ右に移動してしましました。
3っつのボタンを最右上に移動させる方法を教えてください。

お手数かけますが、よろしくお願いします。
0098名無しさん@お腹いっぱい。 (ワッチョイW ff11-XXHW)
垢版 |
2020/06/15(月) 15:49:25.03ID:+Q1lG3/G0
なんか怪しい臭いがして表示領域を全画面にして見たら
挙動が壊れていた
77、78、79が全部逝かれた
全画面にするには、表示(V)-全画面表示、F11、全画面表示ボタンなど色々オプションがあるけど
その後の稼動に微妙に影響があったけど
今度は、全画面表示状態での挙動の他に、終了後のツールバーアイコン配置までおかしくなることがある
幾つかが隠れてしまう
ノートPCなどでの狭い領域での利用に不便が出るのだよね
0099マリンバード (ワッチョイ 132c-fBAy)
垢版 |
2020/06/15(月) 16:34:35.49ID:5Zevxyt30
名無しさん@お腹いっぱい。さん、お返事ありがとうございます。
別のスレで、名無しさん@お腹いっぱい。さんにお世話になったマリンバードです。

userChrome.cssをつかって、タブバーを下に出来ました。
副作用で、三つのボタンが左に行ってしまいました(^_^;
userChrome.cssで、ボタンを右端に移動するには、userChrome.cssに
どのようなコマンドを追記すれば良いでしょうか?
超初心者的な質問で、誠に申し訳ありません。
0100名無しさん@お腹いっぱい。 (ワッチョイW ff11-XXHW)
垢版 |
2020/06/15(月) 16:57:02.69ID:+Q1lG3/G0
作業領域を全画面にして困るのは
上辺にポインティングカーソルを移動すると、するっとナビケージョンバーとタブバーが出るようにしているのが
タブバーだけになってしまうことだ

そうするとfirefoxを一旦ウィンドウ表示に戻して、操作する必要が出てくる
過去バージョンとかいろいろ振り返ったりして対処方法を考えた

要するに、firefoxの開発陣が早さを剽窃するために処理を端折っている疑いが生まれてきた
で、タブだけしか出ない時は、新規タブを開いたり、既存の新しいタブをクリックすると、その途端にナビケーションバーも飛び出すようになる
一旦、引っ込んでしまうと、また、タブだけしか出ないように戻る

新規タブを開く時の初期化作業としてやる一部のことがユーザーのポインティング操作の合間に端折られているからこんなことになるのだろう
少なくとも、ポインティングカールが上辺に達した時は、端折っていた処理を充当する必要があるね
0103名無しさん@お腹いっぱい。 (ワッチョイW ff11-XXHW)
垢版 |
2020/06/15(月) 17:19:53.34ID:+Q1lG3/G0
閲覧領域を全画面表示にするときのトリガーのあり方で微妙に動作が違うと言うのがおかしい

同じ全画面表示としてユーザーに面前しているのに
内部のステータスとかプロパティーが似ているけど微妙に異なっているから
同じ操作をしても、違った動作が返って来るのだ
0109名無しさん@お腹いっぱい。 (ワッチョイW 63af-XXHW)
垢版 |
2020/06/16(火) 07:56:25.40ID:uAl2SLD90
上辺のツールバー群のレンダリングが呆けているのは確かのようだ
もともと、OSをまたいだ視点から見ると、ウィンドウサイズそのものの不安定さがあったから
それを直そうとして、拗らせたのだろう
0111名無しさん@お腹いっぱい。 (ワッチョイ 9a6a-IXeA)
垢版 |
2020/06/17(水) 22:44:24.55ID:tLIDrJ8a0
>>110
数日前から?disable_polymer=1がきかんようになったな。
履歴画面がつかいづらくてかまわんわ。

上記がきかんようになってからも数日前ならgreasemonkeyスクリプトで、戻せたけど、
ついさっきやったら、同じスクリプト使っても、もう旧版には戻らなくなってるな。
もう新デザイン強制かも。
0119名無しさん@お腹いっぱい。 (ワッチョイ 735a-UhrL)
垢版 |
2020/07/03(金) 13:07:06.64ID:dCNKCek30
ESR68からESR78へのアップデートにあたってuserChrome.cssの調整をしています

#main-window[sizemode="nomal"] #nav-bar {
margin-top: 43px !important;/* 値はテスト用で適当 */
}

ウィンドウサイズ毎(通常、最大、全画面)にcssの設定をしたいのですが上記のsizemodeが効いていないのか反映されません
こちらの設定は廃止されたのでしょうか?
また代替できる記述はありませんか?
0128名無しさん@お腹いっぱい。 (ワッチョイ 1f28-tyUc)
垢版 |
2020/07/04(土) 23:31:07.47ID:Ncu73KOc0
フレームページでフレームの移動矢印が出るようにできませんか?
同じサイトなのに FF24くらいまでは移動矢印表示されるけどそれ以降のバージョンはされません
例えば FF24 だと ttp://www.officekuma.jp/history/index2.htm のように矢印でフレームの移動できるけど、新しいバージョン
では ttps://www2.5ch.net/5ch.html のようになって移動できません
0130名無しさん@お腹いっぱい。 (ワッチョイ a3fd-GTJ3)
垢版 |
2020/07/06(月) 10:28:11.01ID:e50FOkmZ0
最近いろんなサイトで無駄な演出にイライラしています
具体的には読み込み中のクルクルが出て待たされるやつです
読み込み終わってるのに一定時間待たされているのはわかってます
一つ一つサイトごとに潰しているときりがないのですが、まとめて潰せる方法はありますか?
0132名無しさん@お腹いっぱい。 (ワッチョイ bb76-JhOk)
垢版 |
2020/07/06(月) 11:21:59.99ID:1sunmBN60
https://diamond.jp/articles/-/242247?page=4
このページの画像、最初表示されてなくてスクロールすると表示される
普通に表示されるだけならいいけど、表示されたときにまたページの上に戻ってしまい、スクロールしなおさなきゃいけない

ソース見たら
<img alt="ランキング6-40" src="https://dol.ismcdn.jp/common/dol/images/v3/loader.gif"; class=" lozad" data-src="https://dol.ismcdn.jp/mwimgs/b/d/670m/img_bd38f0b73556beafe9a30bbf8a97405b335936.jpg";>
というのがあって、おそらくスクロールするとdata-srcが読み込まれるようになってるっぽいんだけど、
最初から表示させるにはどうしたらいい?
0133名無しさん@お腹いっぱい。 (ワッチョイ 1b6d-zLlI)
垢版 |
2020/07/06(月) 12:38:39.82ID:VoslXuc+0
基本的には「画像が読み込み終わったら即表示」されるようになってるので、
「無駄な時間」が追加されてるわけではないよ。

ただし、その処理をするjs自体の起動が、ページそのものの表示より遅れるので、
過去に訪れてすでに表示したことのある画像(テスト目的で同じページをリロードした場合も)だと、
「本来ならキャッシュで即表示される」はずだったと言える。

ガチでやるなら
@run-at document-start で即起動するスクリプトで、
即img要素を取得、かつ MutationObserver でbodyに現れるimgを即補足して、
img.src = img.dataset.src と書き換えるんだろうな。

その後に動くであろううサイトのスクリプトに邪魔されるとまた面倒だけど。
0135名無しさん@お腹いっぱい。 (ワッチョイ 6507-59Iy)
垢版 |
2020/07/12(日) 18:19:43.03ID:Qez1k4MU0
Yahooのニュースのコメント欄の「もっと見る」がうざいと思っています
見るためにスクロールしたんだから見るに決まってるんだからいちいち面倒なことさせるなと
それでソースコードを見てみたら、もっと見るで隠されてる部分が既に読み込まれていることがわかりました
以下の部分を削除することができれば普通に読めるようなのですが、どういうふうに記述すればいいのかがわからないので教えてください
<a href="javascript:void(0);" class="moreUserCmtText" data-ylk="rsec:cmt;slk:more;pos:●" data-rapid_p="●">...もっと見る</a><span class="hideUserCmtText" style="display:none;">
0136名無しさん@お腹いっぱい。 (ワッチョイ a5be-5lSn)
垢版 |
2020/07/12(日) 19:02:23.07ID:YUrlp5G/0
>>135
.moreAthrCmtText, .moreUserCmtText { display: none !important; }
.hideAthrCmtText, .hideUserCmtText { display: inline !important; }
0138名無しさん@お腹いっぱい。 (ワッチョイW 4b76-n/B1)
垢版 |
2020/07/12(日) 20:14:14.60ID:RRQhBK720
>>137
記事の下に読み込まれるコメントリストはひとつのコメが長文だと省略されてそうなるんだよ
「すべてのコメントを読む」で表示されるコメントページでは省略されてないけど
例えばこの記事
https://news.yahoo.co.jp/articles/fd746683dd3cc6a078e9f51787f9b28eb638f19c
コメントが3件表示されてるが1つは「もっと見る」になってるだろ?
0140名無しさん@お腹いっぱい。 (ワッチョイ 2376-Z1HZ)
垢版 |
2020/07/12(日) 20:54:32.73ID:j6VC2Bnr0
>>138
>>137さんのを用いました
/* Yahoo!ニュースコメント欄のもっと見るで隠されてる部分をはじめから表示する */
@-moz-document domain("news.yahoo.co.jp") {
.moreAthrCmtText, .moreUserCmtText { display: none !important; }
.hideAthrCmtText, .hideUserCmtText { display: inline !important; }
}
}
0142名無しさん@お腹いっぱい。 (ワッチョイ bdea-AYnL)
垢版 |
2020/07/13(月) 08:16:08.53ID:XQnelAoQ0
>>136
できました
ありがとうございました
0146名無しさん@お腹いっぱい。 (ワッチョイW 05af-7xH0)
垢版 |
2020/07/15(水) 08:58:30.10ID:i+DbJ2JN0
マウスオーバーで隠しておいたツールバー群をヌルって出てくるのは、userChrome.js用で既出だよ
通常隠しておくツールバーもアドホックに指定できるけど、全部消すのは問題起こるみたい
ToolbarAutoHide.uc.js

css用に隠れているプックマークツールバーをマウスオーバーで出すのは前に出ていたけど
今は、上述のものに代えた
使わせてもらうだけです、感謝
0148144 (ワッチョイW b6cf-8wU3)
垢版 |
2020/07/15(水) 20:00:24.64ID:OlcKkbPY0
>>146
レスありがとう
ToolbarAutoHide.uc.js入れてみました
試しに色々弄りながら使ってみたけどESC押してもリセット出来ないしなんか動きが不安定だし今回はパスしときます
他のスクリプトとの相性とかもあるのかな
わざわざ教えてもらったのに悪いね
本当にありがとう
0149名無しさん@お腹いっぱい。 (ワッチョイW 05af-7xH0)
垢版 |
2020/07/15(水) 20:22:57.15ID:i+DbJ2JN0
ToolbarAutoHide.uc.jsでESCでのリセットが効かなくなるのはツールバーを全部隠した時に見られるようです
ツールバーは少なくとも一つは表示しないと不安定になるみたい
メニューバーあるいはナビゲーションバーで右クリックすると、「ツールバー自動開閉」のアイテムが出ているので
そこで、ツールバーの表示・非表示が選択できますよ
0152名無しさん@お腹いっぱい。 (ワッチョイ b6cf-zSg9)
垢版 |
2020/07/15(水) 23:16:49.90ID:OlcKkbPY0
>>149
言われた通りにやってみてとりあえず動いてるみたいなんだけどなんか動きが不安定なんだよね
マウスオーバーすると小刻みに震えちゃってるし
おま環なんかな
何度もお手を煩わせてしまってほんと申し訳ないです

>>150
これいいですね
ヌルっとではないけどシンプルで気に入りました
有難く使わせて頂きます

>>151
紹介ありがとう
とりあえずダウンロードさせて貰ったよ

長々とスレ汚しすみませんでした
レスくれた方本当にありがとうございました
0154名無しさん@お腹いっぱい。 (ワッチョイ 55dc-OmfX)
垢版 |
2020/07/16(木) 08:22:04.49ID:2hQIbqXH0
>>140
/* Yahoo!ニュースコメント欄のもっと見るで隠されてる部分をはじめから表示する */
が効かなくなりました
皆さんは効いていますか?
ESR68.10.0新規プロファイル+userContet.cssで効きません

もっと見るテスト用ヤフーニュースリンク
https://news.yahoo.co.jp/articles/fd746683dd3cc6a078e9f51787f9b28eb638f19c
0155名無しさん@お腹いっぱい。 (ワッチョイ b133-eBzY)
垢版 |
2020/07/16(木) 09:21:37.13ID:W30cE09V0
>>154
この話の「もっと見る」は、各コメントの末尾に表示されてた青いリンクのこと
あなたが貼ったリンクの「もっと見る」はコメントをたくさん表示するためのリンク
青いリンクに対する効果はいまでもある
ただYahooが改悪して3つ目のコメントの後半が見えない演出にされただけの話
0156名無しさん@お腹いっぱい。 (ワッチョイ 55dc-OmfX)
垢版 |
2020/07/16(木) 09:52:27.79ID:gCX4SdSc0
>>155
ありがとうございます

┌───────┐
│もっと見る(000件)
└───────┘
ボタンを押さずとも コメント末尾に
  前へ➀ABCDEFGHI・・・S次へ
が表示されるようになり便利だな、と思いこんでいたのですが
青字の「もっと見る」の方に効いているのですね
0163名無しさん@お腹いっぱい。 (ワッチョイ 5a76-zSg9)
垢版 |
2020/07/18(土) 23:32:43.60ID:kIE4Vf+L0
>>Yahooのニュースのコメント欄の「もっと見る」

これなんだけど
もっと見るのリンクは無くなったんじゃないの?
替わりに他のコメントを表示するための”もっと見る”が作られたような

このスレで指摘されて後すぐ変更されたから
もしかしてと思ったりしたけどまさかね
0168名無しさん@お腹いっぱい。 (ワッチョイ 1376-RnSF)
垢版 |
2020/07/22(水) 19:26:33.45ID:1sXbpTsY0
Fx78でこのcss動かなくなったんだけど
何か新たに必要なのかな

.tabbrowser-tab[bursting] .tab-icon-image {
animation: aa .10s ease !important;
animation-iteration-count: 1 !important;
}
@keyframes aa {
10%,50% { margin-top: -5px;
}
}
0173名無しさん@お腹いっぱい。 (ワッチョイ 595a-5P24)
垢版 |
2020/07/27(月) 00:58:33.09ID:roL2Cbhm0
ChromeにStylusを導入しているの。
プルダウンリストを動的に生成しているサイトにおいていらないものを非表示にするにはどうすればいいか。

居住地の選択で、
○国内 ○海外
の選択で北海道〜沖縄 アジア>国,ヨーロッパ>国 のようなプルダウンが現れる構造。
たとえばStylus上で以下のように設定すると。
#Select--12--option-0
0の部分が都道府県で「北海道」が消えるのですが、国内国外の選択を行った時点で中央の「12」の部分がランダムで変動します。
そのため12じゃなくなると・・・消えない。全部で何パターンあるのかわからないので、それを全部指定するわけにもいかず。

おたすけを・・・。
0176173 (ワッチョイ 595a-5P24)
垢版 |
2020/07/27(月) 06:01:03.72ID:roL2Cbhm0
書き直したせいで冒頭いきなり変な言葉遣いになっている・・・きも

>>174
・質問するときには使用環境を書くのは当たり前(具体的なサイトを書かなかったのは「よくある」から。)
・UserContent.CSSの代わりに古くはStylishを、現在はStylusを使用している「だけ」
=やってることは同じと判断したが何か問題でも?

北海道〜東北じゃないとマウスくるくるかドラッグでスクロールさせなきゃ出てこないのウザくてたまらん
頭に数字か、アルファベットついてたらくるくる減らせるだろうにな。
なので動的生成じゃないサイトでは自分の県以外全部display:noneにしているのだが・・・

>>173
自分もそんな気がしてきた。いったんはブックマークレットの線も考えたが自分がそっち系は疎くて。
Web構築のCSSであればワイルドカード指定なり正規表現的なことが出来るとレファレンスサイトで読んだが
こっち側のCSSではやはり無理?
0179名無しさん@お腹いっぱい。 (ワッチョイ 93b1-RnSF)
垢版 |
2020/07/27(月) 11:36:05.73ID:mEk4QvMn0
CSSでサイトのフォント指定って出来なくなったのでしょうか?

以前はこんな感じでヒラギノを設定していたのですが、いつからか効かなくなりました
修正箇所あったら教えてください

@-moz-document regexp("^(?!http://www.feedly.com).*"){

font,table,href,body,td,p,div,span,ul,li,select,input,textarea,em,a,b,h1,h2,h3,h4,h5,h6,h7 {
font-family: 'ヒラギノ角ゴ4' !important;
}

/*等幅の要素*/
code , kbd , pre , tt , var , samp {
font-family: 'ヒラギノ角ゴ4等幅' !important;
}

/*フォームの部品設定*/
select,input {
font-family:'ヒラギノ角ゴ4等幅' !important;
}

}
0186名無しさん@お腹いっぱい。 (ワッチョイ 8b7d-HbTP)
垢版 |
2020/07/28(火) 17:06:12.83ID:sF1TepC20
https://news.yahoo.co.jp/articles/303c409a9a33ca08e5a323c09ea0d065392f2170
右側にある「おすすめの有料記事」の欄をStylusで消したいのですが、
.yjnSub_section{display:none!important;}
とすると、上にあるアクセスランキングの欄まで消えてしまいます。
同じ名前のクラスだからなのですが、有料記事のものだけ消すにはどう書けばいいか教えてください。
0193名無しさん@お腹いっぱい。 (ニククエ 4a7e-xE3T)
垢版 |
2020/07/29(水) 20:27:07.70ID:TGOZZxkO0NIKU
今のYouTubeは、ウィンドウのサイズを変えるとプレイヤーのサイズも変わりますが、
これを旧UIみたいに固定することはできないでしょうか?
ホームや登録チャンネルの幅はこのままで、ビデオ再生画面だけYouTubeの幅を固定したらいいのでは、
と思いますが、自分でCSSを書いてどうにかしようにもうまくいかないのです。
0216名無しさん@お腹いっぱい。 (ワッチョイ 9973-HICl)
垢版 |
2020/08/11(火) 03:37:41.24ID:VeW3TgoI0
>>210
ありがちなのはchromeフォルダの置き場所を間違えてる(別のprofileに置いてる、等)
先ずはそこを確認してみては

場所が合ってるなら記述を間違えてる、そもそも78.0.2では有効にならない内容だから、等が原因かも
0217名無しさん@お腹いっぱい。 (オッペケT Sr5d-e++8)
垢版 |
2020/08/11(火) 22:05:11.83ID:qK/XNJ39r
みなさんありがとう。書かれたこと全部やったけど変わらず。
portable版だから?

以前は54のportableを使っていて、78.02(portable)を最近使い始めたんですが、
54はchromeフォルダにuserChrome.cssを入れただけで反映していた
はずなのに。
0220名無しさん@お腹いっぱい。 (ワッチョイ e573-QlkZ)
垢版 |
2020/08/12(水) 00:14:30.20ID:IO06Z3EW0
>>217
54とはまた古い
portableはよくわからないけど、216に書いたように54では有効でも78.0.2では無効、な内容なんじゃない?

試しに
* {
color: red;
}
これをuserChrome.cssに書き加えてみ
UIの文字が赤くなるようならcss自体は反映されてるってことだから
0221名無しさん@お腹いっぱい。 (アウアウカー Sa69-np1t)
垢版 |
2020/08/12(水) 01:15:26.72ID:c9G5snCNa
54から78だとcssの大半使えなくなってそうだな
0223名無しさん@お腹いっぱい。 (ワッチョイ e275-p5K4)
垢版 |
2020/08/13(木) 08:32:04.37ID:Y2g1DMcQ0
youtubeのTOPページの表示数を変えるために1つ1つのコンテナの大きさを小さくしてるんだけど
youtubeがページ遷移せずにajaxで切り替えてる?っぽいせいで
たまに適用されなくなるタイミングがあってそれ以降更新しないと適用されなくなるのがうざいんだけどどうすればいい?
#contents.style-scope.ytd-rich-grid-renderer {
padding-left:100px;
}
ytd-rich-item-renderer.style-scope.ytd-rich-grid-renderer {
width: 196px!important;
margin-right: 4px;
}
CSSはこういう感じ
URLが切り替わったらCSSを適用し直すJSも試したけど上手くいかなかった
0224名無しさん@お腹いっぱい。 (ワッチョイ 2ea2-lzTd)
垢版 |
2020/08/14(金) 16:30:59.39ID:2E8k9T860
Stylusで要素を消したいのですが、定期的にクラス名が変わります

.sc-fBuWsC{display:none!important;}
.sc-fAjcbJ{display:none!important;}
.sc-caSCKo{display:none!important;}
.sc-kvZOFW{display:none!important;}

.sc-の部分は共通しているようなのでワイルドカードみたいなものでまとめて消したいのですが、どう記述すればいいか教えてください
0227名無しさん@お腹いっぱい。 (ワッチョイ 7f76-z9XK)
垢版 |
2020/08/22(土) 13:51:53.71ID:OuoU+Bti0
ロケーションバーと検索バーをアクティブにしたときの青枠線を違う色にしたいです
以前は替えられたのですが最近のバージョンアップで変わらなくなりました
WindowsでFirefox79です
0230名無しさん@お腹いっぱい。 (ワッチョイ 82be-JI6e)
垢版 |
2020/08/27(木) 19:51:49.55ID:9sLBk1Ge0
Firefox80になってWindowsの設定によってタブの読み込み中アイコンが砂時計になるのを青い点に戻すやつ(適当)

.tab-throbber{
background-image: none !important;
background-image: url("chrome://browser/skin/tabbrowser/tab-loading.png") !important;
}
0233230 (ワッチョイ 82be-JI6e)
垢版 |
2020/08/28(金) 10:52:24.00ID:tk7GCOcA0
>>231,232
よく見たら background-image: none !important;
は要らなかったみたいです
ほんと適当だわ
0240名無しさん@お腹いっぱい。 (ワッチョイ 82be-JI6e)
垢版 |
2020/08/29(土) 01:34:40.74ID:HNIDdGT40
細かいけど>>230の修正

ダークテーマ用

.tab-throbber[busy] {
background-image: url("chrome://browser/skin/tabbrowser/tab-loading.png") !important;
}

.tab-throbber[busy]:not([progress]) {
background-image: url("chrome://browser/skin/tabbrowser/tab-loading-inverted.png") !important;
}

ライトテーマ用

.tab-throbber[busy] {
background-image: url("chrome://browser/skin/tabbrowser/tab-loading.png") !important;
}

.tab-throbber[busy]:not([progress]) {
background-image: url("chrome://browser/skin/tabbrowser/tab-connecting.png") !important;
}
0242名無しさん@お腹いっぱい。 (ワッチョイ 7ff1-XrX+)
垢版 |
2020/09/03(木) 20:06:42.40ID:qsJHfK020
ピクチャーインピクチャーの枠の色を変える事って出来ますか
youtube限定でも問題ないです
欲を言えばサイズ変えられるホバーの範囲をもうちょっと増やしたいけど
要素だけ分かれば行けそうなので
0248名無しさん@お腹いっぱい。 (ワッチョイ bf30-xVpC)
垢版 |
2020/09/16(水) 18:09:38.40ID:ePuCGpHr0
nightlyでタブのフェードを消す方法を教えて下さい
これでは駄目でした
.tab-content {
padding-top:5px !important;min-width:55px !important;
mask-image: none !important;
}
0251名無しさん@お腹いっぱい。 (ワッチョイ 17da-wDiw)
垢版 |
2020/09/28(月) 21:43:36.42ID:f0IVTv0r0
>>250
古いバージョンなのではないかな
0254名無しさん@お腹いっぱい。 (ワッチョイ ffcd-OgJR)
垢版 |
2020/10/01(木) 10:32:53.47ID:CLHRgAt30
googleの検索結果を以前の形式に戻すアドオン「Make Google Search great again」ですが、
今日から効かなくなりました。以前も効いたり効かなかったりでしたが。
アドオンの更新は放置されているようなので、CSSで対策することってできないでしょうか?(´・ω・`)
0256255 (ワッチョイ d373-2+Dn)
垢版 |
2020/10/01(木) 20:10:03.54ID:8FOnbbAu0
userContent.cssが効かないのではなくて
グーグルの検索結果の仕様が変わったのが原因だったようです
スレ汚し申し訳ない
0263258 (アウアウエーT Sadf-Kk5w)
垢版 |
2020/10/02(金) 10:50:37.11ID:cBVPPIKOa
「Google 検索ツールをサイドバー」は諦めて
Fix Google Search Options.user.jsを入れたら、
AddSearchOptions4GM.user.jsとGoogle Search English Filter.user.jsが不用になった。
0267名無しさん@お腹いっぱい。 (ワッチョイW e302-EquG)
垢版 |
2020/10/02(金) 21:33:40.66ID:HD7yGLu50
Google絡みで、おなじく昨日のアプデから
検索キーワードを着色してくれるってCSSが効かなくなりました
どこかのスクリプトに入っていて、それだけ欲しかったから移植して使ってたんだけど

/* Keywords - Red highlight */
#rcnt h3.r em,
#rcnt span.tl em,
#rcnt span.st em {
color: #DD4B39 !important;
font-weight: bold !important;
}

↑こういうやつです
結構重宝してたから復活させたいんですけど
どなたか最新の対応分かりませんでしょうか
お願いします。
0280名無しさん@お腹いっぱい。 (ワッチョイW 8b02-4JNK)
垢版 |
2020/10/16(金) 13:58:49.55ID:iC8IzLkb0
ここで聞いていいのか分かりませんが
YouTubeのライブのチャット欄の時間表示のところを非表示にしたいんだけど
分かる方いますでしょうか

 〇 1:50 PM NAME かくかく
    しかじか

 〇 NAME かくかくしかじか

上のようになるのを時間を消して下のようにしたい
0285名無しさん@お腹いっぱい。 (ワッチョイ 3be8-1sMg)
垢版 |
2020/10/18(日) 17:34:07.78ID:bxSLhnEy0
1
0288名無しさん@お腹いっぱい。 (ワッチョイ 5158-L1wp)
垢版 |
2020/11/05(木) 14:58:06.69ID:gyy5zre30
.bookmark-item[label="●●"]:not([query="true"]){
list-style-image: url(■■) !important;
-moz-image-region: rect(0 256px 256px 0) !important;
}

上記の方法でブックマークのフォルダアイコンを変更しています。
たくさんのブックマークフォルダがあるので、出来ればフォルダ名を無くしてアイコンだけで使用をしたいです。
ADD_DATEやLAST_MODIFIEDで指定をしても駄目でした。
labelで指定をする以外に方法は無いですか?
0289名無しさん@お腹いっぱい。 (ワッチョイ 9211-QKyx)
垢版 |
2020/11/05(木) 15:52:48.37ID:g1MMASbz0
出来るものなら、簡単にフォルダアイコン変更出来てフォルダー名なしで済ませたいね

フォルダーアイコンサイズを0にして、名前を一文字程度にしてアイコン代わりにしている
あまり、格好良くないけど仕方がないね、白と灰色のグラデーション掛けている
0290名無しさん@お腹いっぱい。 (ワッチョイ 5158-L1wp)
垢版 |
2020/11/05(木) 16:18:59.85ID:gyy5zre30
>>289
同じ思いの同士さんが居たとは嬉しいです。
ひと文字のラベル名作戦は試したんですが、精神的に宜しくなかったので今回質問をしました。

書いていてふと思ったんですが、ファイル名自体をdisplay: noneで隠せないかなと。
うーん、考えるよりも試してみます。
アドバイスをありがとう。
0291名無しさん@お腹いっぱい。 (ワッチョイ 5158-L1wp)
垢版 |
2020/11/05(木) 16:31:44.90ID:gyy5zre30
試してみました。
.toolbarbutton-text .bookmark-item[label="■■"] {
display: none !important;
}
これだと駄目ですね。

.toolbarbutton-text {
display: none !important;
}
これだとツールバーボタン名の全てが消えちゃいますが一応フォルダ名は隠れてくれました。
他にも方法が無いか調べてる間だけでもこれでいってみます。
0292名無しさん@お腹いっぱい。 (ワッチョイ 5e97-wyky)
垢版 |
2020/11/05(木) 16:40:54.23ID:sfpkATPi0
>>291
.bookmark-item[container="true"]:not([query="true"]) { 〜〜 }
.bookmark-item[container="true"]:not([query="true"]) > .toolbarbutton-icon { margin-inline-end: 0 !important; }
.bookmark-item[container="true"]:not([query="true"]) > .toolbarbutton-text { display: none !important; }
0294名無しさん@お腹いっぱい。 (ワッチョイ 9211-QKyx)
垢版 |
2020/11/05(木) 17:47:36.93ID:g1MMASbz0
>>288のpxの値を変えて、>>292の設定でローカルフォルダーにあるpngファイルを表示することが出来ました
ありがとう
自前のカテゴリー用のファビコンを用意しなくてはならない
両立できないので、それまでは従来設定でいくしかない
0302名無しさん@お腹いっぱい。 (ワッチョイ 575a-kKnV)
垢版 |
2020/11/26(木) 16:26:45.20ID:gU6vIJap0
リンクをマウスオーバーしたときにウィンドウ左下に表示されるリンクをuserChrome.cssで消せますが
#statuspanel[type="overLink"], statuspanel[type="overLink"] { display: none !important; }

これを指定したサイトのみで非表示にする手段はありますか?
具体的には画面一杯に画像を拡大表示してる時にリンク表示がかぶるのが目障りでどうにかしたいのですがそれ以外の時は普通にリンク表示したいので両立したい
0303名無しさん@お腹いっぱい。 (ワッチョイW d702-m4+P)
垢版 |
2020/11/27(金) 00:29:49.65ID:9q/k2B2m0
ステータスパネル、自分はロケーションバー内まで位置を移動させているよ
レガシーアドオンのStatus-4-Evarの代わりの妥協だけども
ここなら邪魔にならんし、読み込みの具合?みたいなのも把握できて便利だよ
もう今のFirefoxは爆速だけどね
0304名無しさん@お腹いっぱい。 (ワッチョイ 9711-PILj)
垢版 |
2020/11/27(金) 21:28:04.69ID:1P8yCL0q0
現在のページ指定はできないがリンク先指定ならできる
例えばegg.5ch.netへのリンクをステータス表示しないようにするなら
#statuspanel[type='overLink'] #statuspanel-label[value*='egg.5ch.net']{
display: none!important
}
0305名無しさん@お腹いっぱい。 (ワッチョイ 575a-kKnV)
垢版 |
2020/11/27(金) 22:10:47.13ID:2dMu9PR40
>>304
お前が神か
自分のケースではリンク先が同一ドメインだったので求めていた動作になったのでこれで行こうと思います
考えてみれば出来て同然の指定だけど全然考えが及ばなかった心の底からありがとう

>>303も案提示サンクス
0306名無しさん@お腹いっぱい。 (ワッチョイ 97b1-ZC6u)
垢版 |
2020/11/28(土) 17:25:35.38ID:Ig64f9IF0
wrs
0313名無しさん@お腹いっぱい。 (中止 d158-80jV)
垢版 |
2020/12/25(金) 15:45:07.75ID:PSS6tVUD0XMAS
サイトのドロップダウンメニューで一度に表示される高さをもっと高くしたいのですが、どのように書けばいいのでしょうか?
デフォルトだと500pxくらい表示されて、後はスクロールバーでスクロールする仕様になっていると思いますが
0329名無しさん@お腹いっぱい。 (ワッチョイ e76e-EJmd)
垢版 |
2021/01/24(日) 16:31:41.15ID:n7fJTNwB0
じゃあ俺が…
bookmarks_toolbar_multiple_lines_fx74の表示が変になった
直し方教えて
0330名無しさん@お腹いっぱい。 (ワッチョイ e7ea-OyWa)
垢版 |
2021/01/26(火) 09:09:09.00ID:4J374lG90
bookmarks_toolbar_multiple_lines_fx74
っての見たら97行もあるんだけどこれ普通にブックマークツールバーを多段にするだけ?
自分が昔から使ってるのは20行くらいのやつで今も問題なく動いてるけど
どこから持ってきたかはもう覚えてない
0334名無しさん@お腹いっぱい。 (ワッチョイ 9f76-0fiA)
垢版 |
2021/02/09(火) 13:15:47.32ID:W57zLwkE0
スポナビなどYahoo! JAPANの動画再生を
画質自動から1080p固定にできないでしょうか
0336名無しさん@お腹いっぱい。 (ワッチョイ 127a-DrOF)
垢版 |
2021/02/18(木) 18:40:23.15ID:RzP8QvHh0
86ってFirefoxがインストールされてるところのfontフォルダに入れてるフォント読み込まなくなってるかるか?
85まではuserContent.cssでfirefoxインストール先のfontフォルダ内のフォントフォント指定してもfont変更効いてたのに
86からはwindowsにインストールされてるフォント指定しないと効かない?
0341名無しさん@お腹いっぱい。 (ワッチョイ 9f76-M7ar)
垢版 |
2021/03/11(木) 11:11:03.42ID:mSzzRpui0
>>340
#context_closeTabOptions {
display: none;
}
ブラウザツールボックス使えるようになるといいね
俺は二か月くらい前にやっと少しだけ使えるようになって
非表示にしたり色を変えたりするくらいはできるようになった
「複数のタブを閉じる」を消すのは10秒かからないくらい簡単
0344名無しさん@お腹いっぱい。 (ワッチョイ 0176-Lq5Y)
垢版 |
2021/03/13(土) 18:47:31.94ID:DXiA/UdY0
YouTubeにスクロールバーってどこだろ
0347名無しさん@お腹いっぱい。 (ワッチョイW 6902-8FqB)
垢版 |
2021/03/27(土) 23:48:24.55ID:oBklPiId0
a:visited { color:#xxxxxx; }

↑と、訪問リンクに着色するようにしてるんですけど
元の色と重なって着色されるケースがあって見づらい場合があります
これをちゃんと指定した色だけで表示する書式とかありますかね?
0349名無しさん@お腹いっぱい。 (ワッチョイ 2d58-hFx2)
垢版 |
2021/04/08(木) 15:04:10.88ID:Kn5jxiA10
/* サイドバー内の行間調整 */
treechildren.sidebar-placesTreechildren::-moz-tree-row{
height:29px !important;
}

をuserChrome.cssに追記してサイドバーの履歴やブックマークの行間は変更できるけど、FoxAge2chの行間には反映されない
FoxAge2chの行間を広げるにはどのように記載すれば良いか知ってたら教えて
0351名無しさん@お腹いっぱい。 (ワッチョイ 2d58-hFx2)
垢版 |
2021/04/08(木) 17:12:10.02ID:Kn5jxiA10
>>350
/* foxage2chサイドバー内の行間調整 */
#foxage2chNotifbox treechildren::-moz-tree-row {
height:27px !important;
}

で行間を広げることが出来ました、ありがとうございます

あとフォントも変えたいのですが、『 height:27px !important;』の下の行に『font-family: 'BIZ UDPゴシック' !important;』を追加しても
反映されてないようです

フォントを変えるのには他の記述が必要なのでしょうか?
0357353 (ワッチョイ 3758-V1J0)
垢版 |
2021/04/18(日) 22:31:59.96ID:Q6Nt2mAt0
>>355
ありがとうございます、でも残念ながら色は変わりませんでした

後出しでもうしわけないのですが、78.9.0esrを使っています
このverが原因なのでしょうか?
0360名無しさん@お腹いっぱい。 (ワッチョイ bf1f-Ep/l)
垢版 |
2021/04/22(木) 12:50:21.88ID:kzrKyMBy0
AquaKanaってフォントがmacにあるんだけどさ
設定にもFont Bookにも出てこない特殊なフォントで、単にfont-family:AquaKana!importantとしても使えないんだけど
今までは
@font-face {
font-family:a;
src:local(AquaKana)
}
* {
font-family:a!important
}
みたいな感じでsrc:local()でなら指定できるのを発見して使ってたんだけど
今回のアプデ(88)でこの方法が使えなくなったっぽい
ちょう悲しい
0368名無しさん@お腹いっぱい。 (ワッチョイ e211-0Gnt)
垢版 |
2021/04/24(土) 11:44:58.49ID:XIgZmRKK0
90になると、ToolbarAutoHide.uc.js が旨く機能しなくなるようです

また、タブバーを下に移動cssがうまくいかなくなります
アプリケーションウィンドウの下にタブバーが表示されるようで
本来、あるべき位置には、開いたURLのタブが表示されないです

対応をよろしくお願いします
0369名無しさん@お腹いっぱい。 (ワッチョイ 95b0-3cD6)
垢版 |
2021/04/25(日) 12:08:36.33ID:DRanxf+N0
ハイ次の患者さんどうぞ



userChrome.css・userContent.cssスレ Part11
368 :名無しさん@お腹いっぱい。 (ワッチョイ e211-0Gnt)[sage]:2021/04/24(土) 11:44:58.49 ID:XIgZmRKK0
90になると、ToolbarAutoHide.uc.js が旨く機能しなくなるようです

また、タブバーを下に移動cssがうまくいかなくなります
アプリケーションウィンドウの下にタブバーが表示されるようで
本来、あるべき位置には、開いたURLのタブが表示されないです

対応をよろしくお願いします

Mozilla Firefox Part371
248 :名無しさん@お腹いっぱい。 (ワッチョイ e211-0Gnt)[sage]:2021/04/24(土) 17:09:02.01 ID:XIgZmRKK0
一辺倒は低能化のはじめ
0376名無しさん@お腹いっぱい。 (ワッチョイ d702-4P7j)
垢版 |
2021/05/22(土) 15:12:08.32ID:Q0oOYg3i0
Stylusで全体に効かせてるCSSを、とあるサイトだけ除外することってできますかね
MacType風にフォントに装飾するCSSを全体に適応しているけども
例えばYouTubeだけオフにしたい。みたいな感じです
0380名無しさん@お腹いっぱい。 (ワッチョイ 5bd5-rFFo)
垢版 |
2021/05/25(火) 01:44:07.67ID:aUvFhnkV0
Stylish2.0.7をようつべに使いたいんだけど
消したい要素はこれで消えるけど
{ .ytd-grid-renderer.style-scope
{ display:none !important }}

特定のワードが入った要素だけを消すには
ここにどういう文を追加すればいいですか?
0384名無しさん@お腹いっぱい。 (ワッチョイ 5bd5-4lC2)
垢版 |
2021/05/25(火) 19:54:44.39ID:aUvFhnkV0
>>381
ありがとうございます
こんな感じでclassのところを色々変えてみましたが
思った通りにはなりませんでした
{ .ytd-grid-renderer.style-scope[class*="〇〇"]
{ display:none !important }}

検索して参考にしたサイトもバージョンの違いか
文法が少し違っていてこれで合っているか分かりませんでした
0385名無しさん@お腹いっぱい。 (ワッチョイ 5bd5-4lC2)
垢版 |
2021/05/25(火) 19:57:02.54ID:aUvFhnkV0
>>382
>>383
ありがとうございます
uBlock Originは元々使っていましたが
hasを知らなかったのでとても参考になりました
おかげで思った通りの動作が出来ました

表示されてる文字での要素は消せるようになりましたが
表示されていないリンク先のドメインで
要素を消す方法もあるのでしょうか?
0387C (ワッチョイ 9311-KeM6)
垢版 |
2021/05/30(日) 14:32:39.10ID:1iFom/OD0
webサイトを検索すると、ツールバーの一番下にタブバーを表示し、メニューバーは一番上に表示するようなcssが存在する
だが、89で望みの順序で表示されたものでも、メニューバーを非表示にすると、その部分が空白の行に変わるだけで
コンテンツ表示領域は広がらない
protonの仕様では、このようにしかならないのだろうか
0389名無しさん@お腹いっぱい。 (ワッチョイ 4973-6ypv)
垢版 |
2021/06/01(火) 12:23:34.50ID:sli9eUOo0
ブックマークのコンテキストメニュー
フォルダー名を変更(E)
ブックマークを編集(I)
を消したいのですが上手くいきません
IDが分かる方が教えて下さい
宜しくおねがいします
0390389 (ワッチョイ 4973-6ypv)
垢版 |
2021/06/01(火) 12:27:32.28ID:sli9eUOo0
文章が変になっていました
? IDが分かる方が教えて下さい
○ IDが分かる方がいましたら教えて下さい
0391名無しさん@お腹いっぱい。 (ワッチョイ 2b76-b3qO)
垢版 |
2021/06/01(火) 12:35:12.21ID:mWtU4pgL0
ブックマークのコンテキストメニューにそういう項目ないですよね
0393389 (ワッチョイ 4973-6ypv)
垢版 |
2021/06/01(火) 15:31:28.34ID:sli9eUOo0
>>391
申し訳ありません、使っているバージョンを書いてませんでした

>>392
消すことが出来ました
今までidでしか消したことが無かったので
属性セレクタについて勉強してみようと思います
有難うございました
0407名無しさん@お腹いっぱい。 (ワッチョイ 9311-w9Zu)
垢版 |
2021/06/03(木) 14:04:51.84ID:1WZqsVe+0
IME-Colors-e10s.uc.jsなてのも使えるかも
0411名無しさん@お腹いっぱい。 (ワッチョイ fef4-PRuz)
垢版 |
2021/06/04(金) 11:32:57.33ID:sRIA3ECf0
ダークテーマでも、ブックマークサイドバーと履歴サイドバーの検索欄の背景が白のままですが、アドレスバーと同色のグレーにできないでしょうか?
よろしくお願いします。
0413名無しさん@お腹いっぱい。 (ワッチョイ 8676-Ee3U)
垢版 |
2021/06/04(金) 14:47:55.49ID:MKHZm79H0
とりあえず
/* サイドバー検索ボックスの色 */
#bookmarksPanel #search-box, #history-panel #search-box {
-moz-appearance: none !important;
background-color: var(--lwt-toolbar-field-background-color) !important;
border: 1px solid #525252 !important;
/*border: 1px solid #bdbdbd !important; /* システムのテーマ */
color: inherit !important;
}
#bookmarksPanel #search-box:hover, #history-panel #search-box:hover {
border: 1px solid rgba(0, 122, 255, .33) !important;
}
#bookmarksPanel #search-box[focused="true"], #history-panel #search-box[focused="true"] {
border: 1px solid rgba(0, 122, 255, .33) !important;
}
0415名無しさん@お腹いっぱい。 (アウアウウーT Sa11-p9zx)
垢版 |
2021/06/04(金) 20:52:09.62ID:BlcZwXIla
URLバーの背景色、下記だと入力フィールドのみで不格好です
#urlbar-input{ color:black !important; background:#f0f0f0 !important;}
下記検索バーのように背景色をURLバー全体にかかるように出来ませんか?
searchbar#searchbar{ color:black !important; background:#f0f0f0 !important;}
0417名無しさん@お腹いっぱい。 (ワッチョイ 6db1-Fu2c)
垢版 |
2021/06/04(金) 21:39:08.71ID:Y/fYUi+30
>>416
すみません自己解決した
.top-site-outer .tile .icon-wrapper.letter-fallback::before {font-size: 0 !important;}
これで消えたわ

>>415
#urlbar:-moz-lwtheme > #urlbar-background, #searchbar:-moz-lwtheme {background-color: #f0f0f0 !important;}
俺はこれでやってる
0420名無しさん@お腹いっぱい。 (ワッチョイ 866e-p9zx)
垢版 |
2021/06/05(土) 13:00:19.05ID:eHc1mszO0
UIの色んな所にフォーカスした時の枠線の色と細さ変更
:root:-moz-lwtheme-brighttext {
--focus-outline-width: 1px !important;
--focus-outline-color: #fff !important ;
}

スターアイコンの色変更
#star-button[starred] {
fill:#fff !important
}
0422名無しさん@お腹いっぱい。 (テトリスT Sa11-p9zx)
垢版 |
2021/06/06(日) 08:27:02.24ID:8LoMDQEia0606
>>417さんから教わった下記、ロケーションバーと検索バーのの背景色の指定で
ロケーションバー内の一部(例えば拡大・縮小率)の背景色に下記を上書きさせること可能でしょうか?
#urlbar:-moz-lwtheme > #urlbar-background, #searchbar:-moz-lwtheme {background-color: #f0f0f0 !important;}
0428名無しさん@お腹いっぱい。 (テトリスT Sa11-p9zx)
垢版 |
2021/06/06(日) 17:26:13.94ID:8LoMDQEia0606
>>426
ロケーションバーの背景は均一になってる?
たとえばCtrl+-でバー内に95%と縮小率表示されるよね?
その95%に別の背景がかかってバー内の背景が均一にならないんだけど、426さんはどうですか?
0432431 (テトリス ca1f-PRuz)
垢版 |
2021/06/06(日) 18:45:38.36ID:DCiF030x00606
:root {
--focus-outline-width: 0px !important;
--toolbar-field-focus-border-color: lightgray !important;
}
>>420
を加えてみたのですが
右側の検索バーも同じようにするにはどうしたらいいでしょうか
影なしで線を細くしたいんです。後出しですみません。
0433名無しさん@お腹いっぱい。 (テトリスW 3558-3aKD)
垢版 |
2021/06/06(日) 21:58:03.18ID:sm+l+AyR00606
>>432
こんなんでどうでしょう
適当にやったから何か無駄があるかもしれないけど

:root {
--toolbar-field-focus-border-color: none !important;
}

#urlbar-background,
#searchbar {
border: 0px !important;
}

#searchbar:focus-within {
box-shadow: 0 1px 3px rgba(128,128,142,0.5) !important;
}

なんか書き込み規制されたからもう返信できないかもしれない
0434432 (ワッチョイ ca1f-Ee3U)
垢版 |
2021/06/06(日) 22:51:15.42ID:DCiF030x0
>>433
どうもありがとうございます。
とてもいい感じです、大事に使わさせていただきます。
0439名無しさん@お腹いっぱい。 (ワッチョイ 8676-woZH)
垢版 |
2021/06/07(月) 20:42:01.44ID:gCiW3EBm0
#urlbar-zoom-button {
border: 1px solid #009600 !important;
background-color: green !important;
padding-top: 2px !important;}
#urlbar-zoom-button:hover {
background-color: #008c00 !important;}
0440436 (アウアウウーT Sa11-p9zx)
垢版 |
2021/06/07(月) 21:50:10.34ID:ati6Phqla
>>439
これ、わたしへの回答?
私の説明が悪かったのか伝わってなかった気がします。
http://okbtsnr.seesaa.net/article/481851789.html
かなり見にくいと思いますが、一つ目のサンプル画面のロケーションバー内の
左端2つ目と右端3つ目のボタン部の背景が濃くなって不格好になってます。
URLバー内の背景を均一にしたいというです。
なお下記は定義してます。
/*** URLバー、検索バーの背景色 ***/
#urlbar:-moz-lwtheme > #urlbar-background, #searchbar:-moz-lwtheme {background-color: #f5f5e4 !important;}
0445名無しさん@お腹いっぱい。 (ワッチョイ 25b1-iYPi)
垢版 |
2021/06/07(月) 23:47:18.96ID:uAs+wknQ0
ろだに上がってる「FF88までのブックマークフォルダcss.zipなんだが
FF88までのブックマークフォルダ 黄色のコードが}の閉じカッコを書き忘れてるんで
気付かずにコピペで使ってると他のコードに影響出るぞ
0446名無しさん@お腹いっぱい。 (ワッチョイ 25b1-iYPi)
垢版 |
2021/06/07(月) 23:55:38.06ID:uAs+wknQ0
CSSが反映されない人はコードの記述の「} 閉じカッコ」が抜けてる箇所がないかチェックしてみそ
あぷろだの「F88までのブックマークフォルダcss」をコピペで使ってたら閉じカッコの記述抜けだったので
ウチの環境だとページ内検索バーを右上に配置が機能しなくなってた原因がこれだった
0447434 (ワッチョイ ca1f-Ee3U)
垢版 |
2021/06/08(火) 02:33:11.16ID:K4xfGzKb0
先日はどうもありがとうございました。
メニューバーのアイコンを密にできました。
firefox89 css で検索していたら偶然 toolbar-menubar という単語が目に入ったので
質問スレのをパックって
#toolbar-menubar toolbarbutton {padding-left: 0px !important; padding-right:0px !important;}
としたところ結構いい感じになりました。
ttps://i.imgur.com/yxKgqNt.png

Mozilla Firefox質問スレッド Part191
ttps://egg.5ch.net/test/read.cgi/software/1622205096/174

/* ツールバーのアイコンの間隔を調整する */
#nav-bar toolbarbutton {padding-left: 0px !important; padding-right:0px !important;}
0449名無しさん@お腹いっぱい。 (スプッッT Sdca-Fu2c)
垢版 |
2021/06/10(木) 13:34:18.39ID:B9h1Eli4d
https://i.imgur.com/6TlIHAe.png
ダークモードなのですがこの青エフェクト変えられますか?
URLバークリックしたとき出るサブテキストの色も変えたいです
全部同じ色ぽいですが全体的にギラつきすぎています
お気に入りの星の色の変え方はわかります
まあ常時見るものでもないしこのぐらいならスルーしてもいいですが・・・
0450名無しさん@お腹いっぱい。 (ワッチョイ c67e-p9zx)
垢版 |
2021/06/10(木) 14:04:31.39ID:LINukr3y0
すいません。
Firefoxスレで聞いたらスレ違いだったようで、こちらで質問させてください。

コンテナタブの色付きラインを、上じゃなく以前のように下にできるcssはあるでしょうか?
0451名無しさん@お腹いっぱい。 (ワッチョイ 1a7e-IO17)
垢版 |
2021/06/10(木) 15:03:23.87ID:Nh1gaLJ60
アクティブタブの色をタイトルバーの色と同じにできないでしょうか?
タイトルバーは何も指定していないので、Windowsの設定になっています
スレ内を探して色を直接指定する方法は分かったのですが、Windows側を変更すると追随しないので
よろしくお願いします

/* アクティブタブの背景色 */
#TabsToolbar .tabbrowser-tab[selected="true"] .tab-background {
background: #797979 !important;
}
0454451 (ワッチョイ bf7e-khlo)
垢版 |
2021/06/12(土) 19:41:00.28ID:VHHlL4Bc0
おお、出来ましたありがとう
タブは大きくなったのに、サウンドアイコンは小さすぎてミュートと見分けがつかなかったり
デザインした人の意図が良く分からんです
0461名無しさん@お腹いっぱい。 (ワッチョイ f3cf-epd2)
垢版 |
2021/06/13(日) 20:23:21.91ID:WJFJYDZT0
CSSはつまりCだから直系の上位なら継承されて効くよ
0463名無しさん@お腹いっぱい。 (ワッチョイ f3cf-epd2)
垢版 |
2021/06/13(日) 23:23:33.80ID:WJFJYDZT0
あ゛?
てめえナルトか?
お前には無理だあきらメロン
0464名無しさん@お腹いっぱい。 (ワッチョイ ff11-s6u2)
垢版 |
2021/06/14(月) 00:20:35.26ID:n1qfSk7f0
>>456のアクティブタブの上の線とコンテナタブの下の線共存を
91に追加したところ、browser.proton.enabled true で機能しました
だが、その状態ですと、ハンバーガーメニューのアイテム間の間隔が開いてしまいかったるいです
で、browser.proton.enabled falseに変えると、間隔は狭まりますが
タブの上のラインが青色になり、黒の指定が効かないようです
いずれ、protonは強制されてしまうでしょうから、ハンバーガメニューは別の方策を求めるしかないでしょうか
ありがとうございました
0466名無しさん@お腹いっぱい。 (ワッチョイ ff11-s6u2)
垢版 |
2021/06/14(月) 16:19:58.86ID:n1qfSk7f0
なんとか、91で88と同じようなUIに整えることが出来ました、ありがとう
91、90、89は、フォルダー設定に係わっているファイル以外は、同じ内容のuserChromeのファイル群でいけそうです
0467sage (ワッチョイ 03f0-1u+4)
垢版 |
2021/06/16(水) 14:14:34.52ID:jN4HlnDg0
/* バックグラウンドタブの背景色 */
#TabsToolbar .tabbrowser-tab[selected="true"] .tab-background {
background: #D9D9D9 !important;
}
これでタブの色をグレーにしています。ホバーした時に若干色を黒っぽくすることはできませんか?
0468名無しさん@お腹いっぱい。 (ワッチョイ f3cf-epd2)
垢版 |
2021/06/16(水) 14:16:32.81ID:fMh1bjht0
:hover
0470名無しさん@お腹いっぱい。 (ワッチョイ ff11-s6u2)
垢版 |
2021/06/16(水) 16:41:56.25ID:+e09sChq0
色指定の部分を変えて試みて

/*非アクティブタブにマウスオンしたときの背景色 */
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) {
background-color: #fefefe !important;
}

/*タブをホバーしたときのフォントの色*/
.tabbrowser-tab:hover:not([selected]) .tab-text {
color: black !important;
}
0471名無しさん@お腹いっぱい。 (ワッチョイ f3cf-epd2)
垢版 |
2021/06/16(水) 16:47:28.75ID:fMh1bjht0
>>469
ページの内容ではなく本体の領域は通常のツールではわからない
https://egg.5ch.net/test/read.cgi/software/1622939715/37
に従って専用ツール起動しれ
ただし本体の右クリでしか出せないようなのはトリガーの問題でこれ使っても無理ぽい
0472sage (ワッチョイ 03f0-1u+4)
垢版 |
2021/06/16(水) 17:55:28.67ID:jN4HlnDg0
>>470
できました!ありがとうございます
0474名無しさん@お腹いっぱい。 (ワッチョイW ffe3-BnhM)
垢版 |
2021/06/17(木) 12:22:53.62ID:A/ylfsXh0
>>473
最初の設定をどうしたのか忘れた(>>471のリンク先の1の通り設定したかもしれない)けど、手元の環境では
about:debuggingを開く
→左上の[このFirefox]
→一覧からツリー型タブの[調査]
→インスペクタが開いたら右上の[iframeを選択]ボタン(わかりにくいけど3ペインに分かれたウィンドウのようなアイコン)
→sidebar.htmlを選択
でインスペクタで開けてるよ
0477名無しさん@お腹いっぱい。 (ワッチョイW f3f0-h7dB)
垢版 |
2021/06/17(木) 21:05:54.47ID:zpHhRlfo0
こんにちは。
ブックマークサイドバーから不要な項目を削除したくて過去のスレを漁っていたのですが、
私とまったく同じ目的で、しかし解決に至らなかった方の書き込みを発見しました。
こちら最新?の環境だとやはり機能しませんでした…。
何か他の記述方法や手段があれば、ぜひお教えいただけると幸いです。
以下コピペ
サイドバーを開いた時に最初から表示されていて削除できない項目、
「ブックマークツールバー」と「他のブックマーク」を消したいと思い、
とあるサイトに書かれていた内容を導入したんですが、まったく反映されませんでした。
Firefox71.0では使用できないのでしょうか?どなたか教えて頂けると幸いです

menu#BMB_bookmarksToolbar,
menu#BMB_unsortedBookmarks{
display:none !important;
}
0486485 (ワッチョイ 8a56-wUFk)
垢版 |
2021/06/23(水) 19:47:50.65ID:wEF3VMoH0
すみません
-webkit-text-stroke-width関係なかったです
フォント関連の設定いじったのが悪かったかと思いprefs.jsを消して再生成させてもかわらず...
スレチになったので失礼しますお騒がせしました
0487名無しさん@お腹いっぱい。 (ワッチョイ e376-19dE)
垢版 |
2021/06/23(水) 20:42:38.35ID:HAhGa9rq0
いろんなサイトで確認してしまった
俺っていいヤツ?
0488名無しさん@お腹いっぱい。 (ワッチョイ 57cf-b/96)
垢版 |
2021/06/23(水) 21:03:04.72ID:6K41ezfa0
>>487
いや悪い方だろうな
0489名無しさん@お腹いっぱい。 (ワッチョイ baba-hhAf)
垢版 |
2021/06/24(木) 00:32:22.61ID:Wv+Rbavo0
ブックマークメニューのフォルダの右に以前は>マークがあったと思うんですけど
89で消えた?復活させたいんですがcssで可能ですか?
0490名無しさん@お腹いっぱい。 (ワッチョイ 57cf-b/96)
垢版 |
2021/06/24(木) 02:38:06.84ID:fRzJfjgc0
ロケ下?に並べるところにはないが
中の方には有るけどな
0492489 (ワッチョイ baba-hhAf)
垢版 |
2021/06/24(木) 08:30:24.56ID:hgIRlvQR0
この>を表示するようにしたい
フォルダ展開マーカー?名前よくわからんけど
https://i.imgur.com/sW5QztR.jpeg
0493489 (ワッチョイ baba-hhAf)
垢版 |
2021/06/24(木) 09:53:31.75ID:hgIRlvQR0
ブックマークボタンからは>が表示されるけど
メニューバーのブックマークでも表示したいです
https://i.imgur.com/1lvDQ3I.jpeg
0497名無しさん@お腹いっぱい。 (ワッチョイ 9a11-Ad+u)
垢版 |
2021/06/24(木) 10:33:43.55ID:KjPoA7EP0
ブックマークツールバーのメニューでほしいのは
コンテキストで明確に弁別できるものは、「ブックマークの削除(E)」とか「フォルダーの削除(M)」のとかの表示でなく
簡潔に、「削除(E)」とか「削除(M)」に簡潔なスタイルに戻してほしい
0498名無しさん@お腹いっぱい。 (ワッチョイ f60e-hhAf)
垢版 |
2021/06/24(木) 10:35:40.14ID:Y8OUjVqQ0
>>494
確かに以下のcss削除したら>出てきました

/* ブックマークのフォルダアイコンを指定 */
.bookmark-item[container] {
list-style-image: url("folder-item.png") !important;
-moz-image-region: rect(0px, 32px, 16px, 16px) !important;
}

フォルダアイコンを指定しつつ>も表示したいです
上記cssの書き方変ですかね?
0499名無しさん@お腹いっぱい。 (ワッチョイ 9a47-hhAf)
垢版 |
2021/06/24(木) 10:50:28.69ID:wwFFqdzI0
自己解決しました。右のアイコンのみ変更

/* ブックマークのフォルダアイコンを指定 */
.bookmark-item[container] .menu-iconic-left {
list-style-image: url("folder-item.png") !important;
-moz-image-region: rect(0px, 32px, 16px, 16px) !important;
}

ありがとうございました
0502名無しさん@お腹いっぱい。 (ワッチョイ 9a47-hhAf)
垢版 |
2021/06/24(木) 11:24:46.67ID:wwFFqdzI0
>>501
https://www.userchrome.org/what-is-userchrome-css.html#colorbookmarkfolder
を参考にして
:-moz-any(
#bookmarks-view,
#editBMPanel_folderTree,
#placesList) treechildren::-moz-tree-image(container),
#editBMPanel_folderMenuList > .menulist-label-box > .menulist-icon,
#editBMPanel_folderMenuList menupopup menuitem
を追加すればCtrl+Shift+HのフォルダもOKですね
0503名無しさん@お腹いっぱい。 (アウアウウーT Sa47-hhAf)
垢版 |
2021/06/24(木) 12:43:41.10ID:CPKAvboVa
test
0507名無しさん@お腹いっぱい。 (ワッチョイ 4fcf-nEtW)
垢版 |
2021/06/25(金) 00:16:46.53ID:ItyGIaH20
477は各階層タゲってみたけど全部消えるか全部残るかの二択だったんで
.jsの方追わにゃどーにもならんぽくてな
0512名無しさん@お腹いっぱい。 (ワッチョイ 7f81-icbP)
垢版 |
2021/06/26(土) 14:36:36.34ID:UXmGsLar0
前スレの94です
アドバイスのお陰でうまくできました
お礼しようとすると連投規制→1ヶ月書き込み不可能を数回繰り返ししまいました

userChrome.css・userContent.cssスレ Part10
http://egg.5ch.net/test/read.cgi/software/1571968384/94
ID:gZ8lyWfa0 ID:GFqKvOCu0 さんありがとうございました


https://i.imgur.com/Kp47zSF.png
0513名無しさん@お腹いっぱい。 (ワッチョイW 8ff0-njke)
垢版 |
2021/06/26(土) 23:29:05.71ID:skFqu1iC0
本スレにあった https://pastebin.com/RnVmAh3H のタブの高さの調節を使って26にしてましたが89.0.2にしたら効かなくなりました。オマカンですかね?
0515名無しさん@お腹いっぱい。 (ワッチョイW 8ff0-njke)
垢版 |
2021/06/27(日) 00:11:11.79ID:cwH9wwHP0
>>514
マジか〜オマカンみたいですね。タブの高さ29px未満のための設定はノータッチでよいんですよね?
0518名無しさん@お腹いっぱい。 (ワッチョイW 8ff0-njke)
垢版 |
2021/06/27(日) 16:46:45.08ID:cwH9wwHP0
513です。もう一度見直してみたら治りました。何が干渉してたかはわかりませんが!後、タブの高さ29px未満のための設定にタブクローズの記載がありますが気持ち✖︎を大きくする事はできませんか?
0522名無しさん@お腹いっぱい。 (ワッチョイ 3fc4-btco)
垢版 |
2021/06/30(水) 08:13:46.52ID:LvPfiyfg0
>>520
chromeフォルダにuserContent.cssを作って(userChrome.cssではない)
@-moz-document url-prefix("https://www.google.com/search";), url-prefix("https://www.google.co.jp/search";) {
#searchform{position:absolute !important}
}
を保存

userChrome.cssはブラウザ本体のパーツの編集、userContent.cssは表示されるページの編集に使う
まあ後者はStylusとかアドオン使う方が主流だけど(但しabout:preferencesとかabout:newtabとかはuserContent.cssじゃないと効かない)
0523520 (アウアウウーT Sad3-wfqF)
垢版 |
2021/06/30(水) 10:56:18.48ID:8W3G+IAla
>>522
レス、ありがとう。
念のため新規プロファイルで試しました。
Googleログインしただけで何の設定もしていません。
(userContent.cssなしのとき)
・URLバーに検索文字入力
・Google検索結果が表示される(先頭行に検索ボックス表示)
・スクロールすると、すぐちょっと細見の検索ボックスが表示される。
・この検索ボックスはスクロールしても固定です。
(userContent.css設定したとき)
・細見の検索ボックスが現れないだけです。

いずれの検索ボックスも未表示に出来ませんか?
0533名無しさん@お腹いっぱい。 (ワッチョイ 2dcf-O0xy)
垢版 |
2021/07/10(土) 14:42:27.78ID:LAD9w1jt0
Google カレンダーなるものを使ってないので推測だが
多分classが違ってるんじゃね?
0535名無しさん@お腹いっぱい。 (ワッチョイ 2311-tuK3)
垢版 |
2021/07/11(日) 22:50:36.24ID:GJb5iDNu0
今、stylusを入れて、>>534を試みました
少し、アクセントがついてましになりました
0541名無しさん@お腹いっぱい。 (ワッチョイ da11-Ui7o)
垢版 |
2021/07/16(金) 14:55:49.51ID:fjSuAVYz0
92 nightlyでブックマークツールバーの左クリックプルダウンメニューが
コンテキストメニューと同類のものから、ハンバーガーメニューやオーバーフローメニューと同類のものへと実装が変化しました
つまり、コンテキストメニューの背景色やフォントサイズなどのcssでの変更設定は
今のところ92以後のfirefoxのブックマークツールバーの左クリックプルダウンメニューには反映されなくなります

ブックマークツールバーのプルダウンメニュー表示の見た目の調整には、別途、cssが必要になります
厄介なことになりました

firefoxの新規インストールではUI密度も「普通」と「タッチ」しか用意されません
従来環境を使っていると「コンパクト(未サーポート」の選択肢は残りますが
0543名無しさん@お腹いっぱい。 (ワイエディ MMfe-srtg)
垢版 |
2021/07/22(木) 21:45:48.86ID:a/xhmpULM
メニューバーとコンテキストメニューで、サブメニューがある場合、
右向き三角が表示されますが、この色の変更の仕方をご存じありませんか?
menu .menu-right に当たるところだと思うのですが、よくわかりません
0545名無しさん@お腹いっぱい。 (ワイエディ MM8b-7yLj)
垢版 |
2021/07/23(金) 16:12:36.92ID:mVCYxRWnM
>>544
変わらないですね
filter: invert(100%) !important; は効くようです
訳分からない
0547名無しさん@お腹いっぱい。 (ワイエディ MM8b-7yLj)
垢版 |
2021/07/23(金) 17:43:07.10ID:mVCYxRWnM
>>546
trueにしています
そもそもsvgではない何らかの方法?
0548名無しさん@お腹いっぱい。 (ワッチョイ 0b7e-3Z6B)
垢版 |
2021/07/27(火) 21:18:17.19ID:pUn71/3w0
YouTubeのシアターモードって、
自動再生OFFで開くとサムネイルが上下をカットされてウィンドウの幅いっぱいに拡大されるけど、
これを標準モードのようにプレイヤーサイズで表示することはできませんか?
アドオンやスクリプトも探したのですが見つかりませんでした。
0549名無しさん@お腹いっぱい。 (ワッチョイ 51be-cTAQ)
垢版 |
2021/07/27(火) 22:05:24.32ID:8ziivfEr0
>>548
.ytp-cued-thumbnail-overlay-image {
background-size: contain !important;
}
0554名無しさん@お腹いっぱい。 (ワッチョイ d1cf-qCnf)
垢版 |
2021/07/28(水) 02:11:08.78ID:A+aNyumc0
findbar{height:4em;}
0556名無しさん@お腹いっぱい。 (ワッチョイ 7ae3-3eGk)
垢版 |
2021/08/05(木) 06:40:49.67ID:Ha7ZUAYg0
91ESRに向けて一年ぶりにuserChrome.cssのメンテしたが
相変わらず要素、属性の改廃、移動等の嫌がらせとしか思えないマイナーチェンジばっかだな

切り替えのトリガーにしてた要素、属性に変更があって機能しなくなったから
発想の転換で無駄な機能削いでいったら、だいぶスリムになったわ
早く:has()を実装してほしい
0558名無しさん@お腹いっぱい。 (ワッチョイ 4920-lZJ8)
垢版 |
2021/08/06(金) 15:09:15.56ID:djIh3hX+0
教えて欲しいのですが、
全ての設定ファイルを削除してアプリを起動するとプロファイルフォルダー内に
xxx.default(times.jsonだけしか無い)
zzz.default-release(沢山のファイルが入っている)
と2つのフォルダがありました。
設定ファイルを削除するまでは前者の-releaseの付いてないフォルダだけでした。

userChrome.cssを使う場合zzz.default-release以下にchromeを作らないとだめないようですが、なぜxxx.defaultだけでなくzzz.default-releaseと2つのフォルダが出来てるのでしょうか?

1つにする方法(削除前の状態と同じ)はあるのでしょうか?
0559名無しさん@お腹いっぱい。 (ワッチョイ 3356-Z6Ah)
垢版 |
2021/08/06(金) 16:29:16.58ID:zH/blD960
タイトルバーの色をWindows10以外の設定で色付けできませんかね?
Firefoxのみ黒色にしたいもんで
https://i.imgur.com/7AsuMH4.png
0560名無しさん@お腹いっぱい。 (ワッチョイ 5180-dtsT)
垢版 |
2021/08/06(金) 21:37:11.38ID:J6iS9V/l0
>>558
1つにするだけなら、about:profilesを開いて、
「これは使用中のプロファイルです。削除できません。」って表示されてない方の削除ボタン押せばいいよ
もしここに1つしかプロファイル表示されなかったらエクスプローラから直接フォルダ削除していいよ
フォルダ名自体を元に戻したいなら、少し上の階層にあるprofiles.iniをいじらないといけないけど説明めんどい
てかuserChrome.css関係ないな

>>559
:is(#TabsToolbar, #toolbar-menubar):not(:-moz-window-inactive) {
color: white !important;
background-color: black !important;
}
アクティブ時以外も黒くしたい場合は:not(:-moz-window-inactive)はずしてね
0562名無しさん@お腹いっぱい。 (ワッチョイ 3356-Z6Ah)
垢版 |
2021/08/06(金) 22:10:02.38ID:zH/blD960
>>560
タイトルバーのカラー変更試みてましたがダメでした・・・
0563名無しさん@お腹いっぱい。 (ワッチョイ 61b0-gTb6)
垢版 |
2021/08/06(金) 23:29:13.32ID:4khr0ojS0
>>558

>なぜxxx.defaultだけでなくzzz.default-releaseと2つのフォルダが出来てるのでしょうか?

「すべての設定ファイルを削除」したことでそれまでのプロファイルを認識できない状態になり、
新しいプロファイルが自動的に生成されたものと思われます。
新しいプロファイルははデフォルトで default-release という名前が付けられるようになっ
ています。

>1つにする方法(削除前の状態と同じ)はあるのでしょうか?

古いプロファイルの xxx.default を削除すれば zzz.default-release だけのひとつになります。
プロファイルマネージャーからおこなうか、profiles.ini を編集すればよい。

大きなお世話:
「全ての設定ファイルを削除して」とあるが具体的にどのファイルを削除したんだ?
仕様やしくみも理解していないのにむやみにファイルを削除しないことだ。
userChrome.css は関係ない話だ。
質問する場所をよく考えろ。
0565名無しさん@お腹いっぱい。 (ワッチョイ a1da-dtsT)
垢版 |
2021/08/07(土) 12:11:07.59ID:dmFnRJ0D0
>>562
559見たらタイトルバーとタブバー分離してるんか、そりゃFxでやろうとしても無理だわ、よく確認してなくてすまんな
ただウインドウごとにタイトルバーの色変えるフリーソフトがあった気がする…10で動くかは分からないけど…
0566名無しさん@お腹いっぱい。 (ワッチョイ a1da-dtsT)
垢版 |
2021/08/07(土) 12:15:11.30ID:dmFnRJ0D0
いや勢いでできないって言っちゃったけど、独立タイトルバーよく扱い分からないから確かなことは言えんわ
まあ普通に考えてOSの範疇だと思うし、実際ブラウザツールボックスからもいじれないから無理な可能性が高いかな
0572名無しさん@お腹いっぱい。 (ワッチョイ 3356-Z6Ah)
垢版 |
2021/08/11(水) 15:32:39.02ID:HvURrFsU0
>>571
もう割り切ってアイコン捨てた!
0576名無しさん@お腹いっぱい。 (ワッチョイ b3b0-7vv7)
垢版 |
2021/08/11(水) 19:47:44.56ID:Df9AxEa30
使っている OS によって CSS の表示が異なる事ってありますか?

使っている Firefox は、同じ 91.0 で、OS が Win10 と Win8.1 です
適用している CSS は、以下のものです

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

Win10 では上記の CSS で丁度良いのですが、Win8.1 で同じように適用しても
アイテムの間隔があまり縮まりません。試しに 0.0em としてみても、Win10で
適用した時と違い、アイテムの間隔に隙間があります

同じ CSS を使ってWin10 と Win8.1 で同じようにする方法があれば教えて下さい
よろしくお願いします
0577名無しさん@お腹いっぱい。 (ワッチョイ 13e3-09ZD)
垢版 |
2021/08/11(水) 20:40:32.52ID:HKxP9c8t0
>>576
> 使っている OS によって CSS の表示が異なる事ってありますか?

.titlebar-button 絡みで #navigator-toolbox 周りに
osやテーマの違いでズレが生じたことはあるが
それ以外はどうだろな…

差異が生じるとすればフォント周りか?
単位を"em"じゃなく"px"で試してみて
0578名無しさん@お腹いっぱい。 (ワッチョイ 1311-wS3X)
垢版 |
2021/08/11(水) 20:44:00.09ID:9RkS7CHR0
プルダウンメニューのアイテムの間隔はOSによって違ってますね
悩みの種です
2ではブックマークツールバーのプルダウンメニューが違ったものになるので
コンテキストメニューに対するcssの設定では、ブックマークツールバーのプルダウンメニューが同じようにならないばかりか、
設定の想わぬ副作用が出てきます、なんで実装を方式を変えたのでしょうね
設定の迷妄が更に広がります
0581名無しさん@お腹いっぱい。 (JP 0H33-dtsT)
垢版 |
2021/08/11(水) 22:55:27.18ID:ItHZ5ai1H
>>580
ピンク色
.tabbrowser-tab:not([visuallyselected=true]) {color: pink !important;}
0583名無しさん@お腹いっぱい。 (ワッチョイ a9cf-dtsT)
垢版 |
2021/08/12(木) 00:14:00.45ID:7hwypX840
アッー!!!
0584576 (ワッチョイ b3b0-7vv7)
垢版 |
2021/08/12(木) 02:11:16.38ID:qL/doZ6y0
>>577-579

レス有難うございます

教えて頂いた方法を試してみましたが、特に変わりはありませんでした
再度色々と試してみた所、>>576 の CSS が機能していないのを確認しました

CSS の記述を変更してFirefoxを再起動しても、表示が変わらず CSS が
機能していない事を確認しました

もちろん toolkit.legacyUserProfileCustomizations.stylesheets はEnableにしています

どこが悪いのか見当がつかず、迷宮入りとなりそうです…
0585名無しさん@お腹いっぱい。 (ワッチョイ 93c4-gTb6)
垢版 |
2021/08/12(木) 09:38:09.60ID:L4wBgjSj0
もしどうしてもwin10とwin8.1で同じプロファイル使いたいのなら、
userChrome.jsでUA判定して読み込むCSS分けるって方法はあるけど…そこまでする必要があるかは分からない
てかそもそも8.1の方で効くCSSがある訳でもないのか
0588名無しさん@お腹いっぱい。 (ワッチョイ a9cf-dtsT)
垢版 |
2021/08/12(木) 16:22:40.81ID:7hwypX840
誰かしにたいのか
0589名無しさん@お腹いっぱい。 (ワッチョイ 1311-wS3X)
垢版 |
2021/08/12(木) 19:08:27.02ID:5FH+9B1m0
ブックマークツールバーでタブをピン止めすると、右のタブと間に大きな隙間が出来てしまって格好悪い
何とかならかな
0592名無しさん@お腹いっぱい。 (ワッチョイ 1311-wS3X)
垢版 |
2021/08/12(木) 22:08:14.74ID:5FH+9B1m0
ワロタ、間違えた
タブバーでタブを右クリックしてピン止めした場合の症状です
0593576 (ワッチョイ b3b0-7vv7)
垢版 |
2021/08/12(木) 22:12:47.77ID:qL/doZ6y0
>>587
補足有難うございます

教えて頂いた事を試してみたところ、CSS への記述のみで問題は解決しませんでした
結果としては browser.display.windows.non_native_menusを1 にして試してみたところ
ブックマークアイテムの高さを CSS で調節する事が可能になりました

OS が違うと設定を変えないといけない場合がある事がわかりました
レスを頂いたみなさん、有難うございました
0594名無しさん@お腹いっぱい。 (ワッチョイ 2e6e-cJil)
垢版 |
2021/08/13(金) 12:55:09.33ID:Ih9lynk/0
アドレスバーと検索バーがアクティブ時は背景白色になるけど
非アクティブ時は灰色っぽいのが気に入らないんで非アクティブ時も白にするにはどうしたら良い?
0596名無しさん@お腹いっぱい。 (ワッチョイ e573-NTPF)
垢版 |
2021/08/13(金) 20:40:26.67ID:Xm8nd6gn0
>>594
自分はテーマをLightで使ってて枠の境目が見づらいから虫眼鏡の背景色は残してる
searchbar *|input,textarea {background-color:#FFFFFF!important;}

虫眼鏡の背景も白にするなら
searchbar{background-color:#FFFFFF!important;}

CSS初心者がやってることなので間違いがあるかも
ヒントにでもなれば
0598名無しさん@お腹いっぱい。 (ワッチョイ 2e44-YgaZ)
垢版 |
2021/08/13(金) 23:32:12.93ID:nzX5CU9p0
アプリの色設定はライト、FirefoxのテーマはNord Polar Night https://addons.mozilla.org/en-US/firefox/addon/nord-polar-night-theme/ 使ってるけど、
91にしたらURLバーからフォーカスが外れた時も背景色が変わらず白っぽい色のままになったので(検索バーでは起こらない)

toolbar#nav-bar #urlbar:not([focused="true"]) > #urlbar-background,
toolbar#nav-bar #urlbar > #urlbar-input-container {
background: #2E3440 !important;
}

これで色変えた
0601名無しさん@お腹いっぱい。 (ワッチョイ 2e6e-cJil)
垢版 |
2021/08/14(土) 12:13:56.02ID:8ifhe3F50
>>600
どっちも上手くいかなかった
0603名無しさん@お腹いっぱい。 (ワッチョイ 2e6e-cJil)
垢版 |
2021/08/14(土) 14:55:41.92ID:8ifhe3F50
>>602
ありがとう!
0605名無しさん@お腹いっぱい。 (ワッチョイ 4211-OlI2)
垢版 |
2021/08/14(土) 22:10:07.47ID:z1vgMUOI0
cssでそれなりに昔のスタイルを温存した環境作れたのだが
browser.proton.enabled true だと
アクティブタブの上辺の線の描画とアクティブタブの背景色の設定がうまく行かない

ブックマークメニューのアイテム名が冗長になり視認性が落ちるのでアイコン復活のcssを使いしたのだが
アクティブタブの上辺の線の描画は、browser.proton.enabled false だとうまく行くのだけど
そうすると復活させたアイコン描画の無効になってしまう

弄繰り回して、アクティブタブの上辺の線の描画とアクティブタブの背景色の設定がうまくいくcssには漕ぎ付けたのだが
ハンバーガーメニューで、アイコンの項目名の間にスペースがなくなって見づらくなった
他にタブをピン止めするとその右に空白が出来て見栄えがよくない

とりあえず、整合性のある見栄えのcssを整えた

それに、アクティブタブの上辺の線の描画のcssを付け加えると
一番左のタブがアクティブになったとき上辺の線が線が見えなくなるという瑕疵がつきまとう、トホホ
0606名無しさん@お腹いっぱい。 (ワッチョイ edcf-KgZ6)
垢版 |
2021/08/14(土) 22:35:07.15ID:IAVsN+Of0
>>604
div.css-18t94o4.css-1dbjc4n.r-14lw9ot.r-42olwf.r-sdzlij.r-1phboty.r-rs99b7.r-2yi16.r-1qi8awa.r-1ny4l3l.r-ymttw5.r-o7ynqc.r-6416eg.r-lrvibr{background:#0af !important;}
0610名無しさん@お腹いっぱい。 (JP 0H62-KgZ6)
垢版 |
2021/08/15(日) 13:12:00.54ID:88YDpCagH
非アクティブタブをマウスオーバーして上部に線を出したり
文字色を変えたりタブの色を変えたり出来るようになったんだけど
アクティブタブだと出来ない
どうやればいいんでしょうか?
0611名無しさん@お腹いっぱい。 (ワッチョイ 4211-OlI2)
垢版 |
2021/08/15(日) 14:49:58.51ID:EcgeSJNl0
その辺がうまく行かないな
今は妥協案として、アクティブタブの背景色を非アクティブタブより明るくし
マウスオーバーしたタブはその中間の明るさ背景色にしてマウスオーバー感が出るようにしている

だが、アクティブタブが一番左にあるとタブの上の線が描画されないので困ってる
タブを少しドラッグすると上辺の線が見えるのだが
また、アクティブタブの背景色も変えたいのだが、それも従来設定では効かなくなった
0614名無しさん@お腹いっぱい。 (JP 0H62-KgZ6)
垢版 |
2021/08/15(日) 21:32:06.02ID:88YDpCagH
>>612
ありがとうございます!
.tabbrowser-tab[selected]:hover を使ったら全部できたよ

/* アクティブタブ背景色(マウスオーバー) */
.tabbrowser-tab[selected]:hover .tab-background[selected] {background-color: white !important;}
/* アクティブタブ文字色(マウスオーバー) */
.tabbrowser-tab[selected]:hover .tab-text {color: blue !important;}
/* アクティブタブ上部の線(マウスオーバー) */
.tabbrowser-tab[selected]:hover .tab-background {border-block-start-color: deeppink !important;}
0616名無しさん@お腹いっぱい。 (ワッチョイ e573-NTPF)
垢版 |
2021/08/16(月) 11:28:18.81ID:e2lHhi8P0
>>615
タブのミュートボタン
.tab-icon-overlay { display:none !important; }
.tab-icon-sound { display:none !important; }
自分はタブのミュートボタンを使っていますが
YouTube、TVerで確認したら上記ので消えました

左のタブをすべて閉じる
#context_closeTabsToTheStart{display: none !important;}

CSS初心者がやってることなので弊害が出るかも
0617名無しさん@お腹いっぱい。 (ワッチョイ e573-NTPF)
垢版 |
2021/08/16(月) 12:06:57.32ID:e2lHhi8P0
上記のでは駄目でした
自分の使ってるCSSと併用すると消えるのですが
.tab-icon-image:not([pinned]){opacity: 1 !important}
.tab-icon-overlay { display:none !important; }
.tab-icon-sound { display:none !important; }
でどうでしょうか
0620名無しさん@お腹いっぱい。 (ワッチョイ edcf-KgZ6)
垢版 |
2021/08/16(月) 22:50:07.65ID:W3IIuNCF0
モード違ってていろいろ違ってるかもしれんよ
お願いするときはモードも示せよ
0623名無しさん@お腹いっぱい。 (ワッチョイW dd58-8aWe)
垢版 |
2021/08/17(火) 21:29:17.57ID:HoRbhORi0
foxage2ch使っててサイドバーのフォントを変えたいんだけど
userChrome.cssにどう書き込んだらいいかな?

/*サイドバー*/
.sidebar-placesTreechildren {
font-family: 'BIZ UDPゴシック' !important;
font-weight: bold;
color: #595959 !important;
font-size: 14px !important;
}

で変わらなかった
0624名無しさん@お腹いっぱい。 (ワッチョイW dd58-8aWe)
垢版 |
2021/08/18(水) 00:22:25.31ID:2ToYkX930
URLバーと検索バー境目が分り難いからちょっと濃いめのグレーにふち取りしたいんだけど、URLバーと検索バーのふちに色を付けることって可能?
0625名無しさん@お腹いっぱい。 (ワッチョイ edbe-UGhp)
垢版 |
2021/08/18(水) 09:20:11.40ID:r5tpgd5z0
>>623
拡張機能のサイドバーの中身はuserContent.css
調べるには about:debugging → この Firefox → 拡張機能 → [調査] ボタン
使い方はブラウザーツールボックスと同じ
まずフレーム選択ボタンで調査対象をサイドバーの中身にする
https://developer.mozilla.org/ja/docs/Tools/Browser_Toolbox#targeting_a_document
0626名無しさん@お腹いっぱい。 (ワッチョイ edbe-UGhp)
垢版 |
2021/08/18(水) 09:24:33.49ID:r5tpgd5z0
>>624
分かり難いと思ったことないけどテーマによるのかな
こんなんでどう

#urlbar:not(:focus-within),
#searchbar:not(:focus-within) {
border: solid 1px #494d50 !important;
border-radius: var(--toolbarbutton-border-radius) !important;
}
0627名無しさん@お腹いっぱい。 (ワッチョイW dd58-8aWe)
垢版 |
2021/08/18(水) 20:35:11.64ID:2ToYkX930
>>625
ありがとうございます
少し触ってみたのですがブラウザツールボックスも弄ったことがないので、フレーム選択ボタンがどれなのか分かりませんでした

https://i.imgur.com/D7kdIrX.png
の赤枠の部分がフレーム選択ボタンかと思いますが、以下の画面にそれっぽいボタンは見当たりませんでした
https://i.imgur.com/nyEtJlT.png
0628名無しさん@お腹いっぱい。 (ワッチョイW dd58-8aWe)
垢版 |
2021/08/18(水) 20:36:31.19ID:2ToYkX930
>>626
有り難うございます
色だけ変更して理想的な見た目になりました
0629名無しさん@お腹いっぱい。 (ワッチョイ edbe-UGhp)
垢版 |
2021/08/18(水) 20:58:29.70ID:r5tpgd5z0
>>627
存在していないものは選べないよ
調べたいサイドバーを開いた状態でないと
0630名無しさん@お腹いっぱい。 (ワッチョイW dd58-8aWe)
垢版 |
2021/08/18(水) 21:49:24.11ID:2ToYkX930
サイドバーを開いてみたのですが、ボタンが表示されないみたいです

https://i.imgur.com/3k8z3iv.png
0631名無しさん@お腹いっぱい。 (ワッチョイ edbe-UGhp)
垢版 |
2021/08/18(水) 22:11:32.21ID:r5tpgd5z0
>>630
ごめんわかんない
てっきりFoxAge5chだと思ってた、FoxAge2chなのね

Firefox 91で動くFoxAge2chってどこにあるの
AMOには無いしググっても見つけられなかったんだけど
0634名無しさん@お腹いっぱい。 (ワッチョイ edbe-UGhp)
垢版 |
2021/08/18(水) 23:13:32.46ID:r5tpgd5z0
>>633
ども
WebExtensionとしてインストールするけどXULアドオンちっくな…どういう仕組みなんだろこれ

ともかく、ブラウザーツールボックスで調査できました
userChrome.css に書いてください:

@-moz-document url("chrome://foxage2ch/content/foxage2ch.xhtml") {
#mainTree,
#subTree {
font-family: 'BIZ UDPゴシック' !important;
font-weight: bold !important;
color: #595959 !important;
font-size: 14px !important;
}
}
0635名無しさん@お腹いっぱい。 (ワッチョイW dd58-8aWe)
垢版 |
2021/08/18(水) 23:57:14.91ID:2ToYkX930
わざわざ調べてくださり有り難うございます
無事フォントを変更する事が出来ました
0636名無しさん@お腹いっぱい。 (ワッチョイ 92b0-0PoS)
垢版 |
2021/08/19(木) 04:46:36.64ID:ZdIW4HNh0
Lepton を使っている方に質問があります

「Proton UI」を維持しつつ、タブやメニューを以前のスタイルっぽくしてくれる Firefox 用テーマ「Lepton」 ? GIGA!無料通信
https://www.gigafree.org/firefox/lepton/

Lepton を適用すると、履歴 → すべての履歴を表示 で表示される
ブラウジングライブラリー内の、管理 などのメニュー表示が、こちらでは
半透明になってしまうのですが、これはおま環でしょうか?

Lepton の適用を止めるとメニューの半透明化は直るので、Lepton の
不具合かと思うのですが、皆さんの所ではどうでしょうか?

宜しくお願いします
0638名無しさん@お腹いっぱい。 (ワッチョイ 4211-OlI2)
垢版 |
2021/08/19(木) 09:25:21.23ID:ZI2h5n810
最新のLeptonだと、そもそも、履歴(S)とブックマークとブックマーク(B)が他とが違ってきている
だから、即刻、前のバージョンに戻した

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

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

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

Leptonはプルダウンメニューのアイコン表示に便利だが
若干バグが含まれていて、不思議な現象が生じる
その副作用を取り除くことはなかなか困難
0641名無しさん@お腹いっぱい。 (ワッチョイ 4211-OlI2)
垢版 |
2021/08/19(木) 12:44:21.25ID:ZI2h5n810
メニューに関しては、92から次の段階の迷走が始まる
そこでの問題をLeptopでは対応できてない

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

メニュー表示に関することで問題があるのは事実だ
メニューにアイコン付加するための最小限の副作用の起きないバージョンが望まれる
0645名無しさん@お腹いっぱい。 (ワッチョイ 7f3c-FcIJ)
垢版 |
2021/08/26(木) 10:41:06.12ID:45BuQ1AQ0
教えてください!

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;
}
0646名無しさん@お腹いっぱい。 (ワッチョイ 7f11-FQVi)
垢版 |
2021/08/26(木) 11:22:27.53ID:TEQ7Vlff0
91までだね、92以降はブックマークツールバーのフォルダーのプルダウンメニューは別の施策が必要

/* コンテキストメニューの色の変更 */
menupopup {
-moz-appearance: none !important;
background-color: gray !important;
}
0647名無しさん@お腹いっぱい。 (ワッチョイ 1f73-FcIJ)
垢版 |
2021/08/26(木) 11:43:56.82ID:aCbNIvll0
>>645
「メニューバーのブックマーク等」がどの部分を
指してるか分からないがサイドバーじゃくツールバーなら

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

あっちのスレでした質問を取り消して
スレを移動したこと書き込んだほうがいいぞ
0657名無しさん@お腹いっぱい。 (ワッチョイ 1f73-FcIJ)
垢版 |
2021/08/26(木) 13:41:00.18ID:aCbNIvll0
>>655
テーマ Black Shine 入れて確認してみたけど下記のでいけますね
.menupopup-arrowscrollbox{
background-color:#ff0000!important;
}

カラーコードを調べて自分の好きなカラーを選んでで
「#ff0000」を書き換えてみても変化ありませんか?
0663名無しさん@お腹いっぱい。 (ワッチョイ 7f11-FQVi)
垢版 |
2021/08/26(木) 18:40:49.56ID:TEQ7Vlff0
だけど、どうやら、92では

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

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

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

後は、leptonを導入した場合のタブの色の指定だ
従来方法とバッティングする
0664名無しさん@お腹いっぱい。 (ワッチョイ 7f3c-FcIJ)
垢版 |
2021/08/26(木) 18:55:02.42ID:45BuQ1AQ0
>>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%は各メニューバー項目で非活性(グレーアウト)の色を白に変えたいけどわかりませんでした
どなたか教えてください!
0665名無しさん@お腹いっぱい。 (ワッチョイ 7f11-FQVi)
垢版 |
2021/08/26(木) 20:16:19.74ID:TEQ7Vlff0
うーん
.menupopup-arrowscrollbox {
color: black !important;
background-color: #fffff0 !important;
}

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

この設定ではコンテキストメニューの部分で極端に遅く反応する場合が生じた
Leptonとの関連か
まいったね
0667名無しさん@お腹いっぱい。 (ワッチョイ 7f11-FQVi)
垢版 |
2021/08/26(木) 20:56:17.09ID:TEQ7Vlff0
全体の情況を見ようと、52esrを起動したらいきなりバージョンアップした
アドオンも同時にアップさせられ
本体、プロファイルのバックアップで何とか戻した
だが、コンテキストメニューの挙動が前のようでない
何なんだろう
他のバージョンも同様、レジストリーかキャッシュか
訳分らないな
0669名無しさん@お腹いっぱい。 (ワッチョイ 7f11-FQVi)
垢版 |
2021/08/26(木) 21:33:13.05ID:TEQ7Vlff0
ブックマークツールバーに並んだアイコンのコンテキストメニューには遅延は発生しない
その他のコンテキストメニューが遅延する
表示領域のコンテキストメニューは問題ない
何かアドオンが悪さしているのだろうか
0676名無しさん@お腹いっぱい。 (ワッチョイ 0211-A9TU)
垢版 |
2021/08/27(金) 00:24:48.07ID:dWaWiz7W0
ブックマークアイコンやフォルダーのメンテナンスに係わることだから、そのままの状態で使う分には問題ない
が、メンテナンスの操作性を大幅に損なう
モジラが、一斉に何らかの意図を持ってアクションを起していると疑いをもつ

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

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

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

ToolbarAutoHide.uc.js

コンテキストメニューを開いた時点でプルダウンメニューの位置がぶれて
システムのステータス取得に不都合が起きるのだろう
しかし、ここに来てなぜ状況が顕在化したのか不明
0678名無しさん@お腹いっぱい。 (ワッチョイ 0211-A9TU)
垢版 |
2021/08/27(金) 01:46:19.56ID:dWaWiz7W0
ToolbarAutoHide.uc.jsの運用上のトラブル回避策

コンテキストメニューを開くとき、アイテムの一番右側にカーソルを持って行ってから右クリックすると
コンテキストメニューのカーソル反転が直ぐ行なわれるようになる
0682名無しさん@お腹いっぱい。 (ワッチョイ 0211-A9TU)
垢版 |
2021/08/27(金) 08:31:26.26ID:dWaWiz7W0
ブックマークツールバー・フォルダーアイコンの右クリックメニューの92になると実装が変わる
そのために、プルダウンメニューの背景色が設定に従来どおりでは行かない場合が生じる
その解決方法が見つかったら、コンテキストメニューの反応の問題が生じた
ま、だましだまし、使っていくしかないね

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

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

で対策

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

でとりあえず凌げる
モジラの実装、ToolbarAutoHide.uc.js、別の見た目対策
に期待待ちというところですか
0684名無しさん@お腹いっぱい。 (ワッチョイ 0211-A9TU)
垢版 |
2021/08/27(金) 11:26:03.94ID:dWaWiz7W0
ブックマークツールバーのフォルダーアイコンの実装がオーバーフローメニューやハンバーガーメニュー見たいな実装になるのはたしかだし
コンテキストメニューの背景色を変えたい人もいる
ToolbarAutoHide.uc.jsを使っている人もいる
役立つか役立たないかその人次第、
そのあたりの実装にほかに色々問題があるのも事実
それにユーザーはユーザーなりに対処せざるを得ない状況が生まれてきているって事だ
0685名無しさん@お腹いっぱい。 (ワッチョイ 4dcf-mzcN)
垢版 |
2021/08/27(金) 12:06:13.96ID:mRSzUClX0
11-に構ってる奴も11-
つまりe2f1-4thNは11-
1f6d-zH/yも11-
0688名無しさん@お腹いっぱい。 (ワッチョイ 5d15-hsyq)
垢版 |
2021/09/02(木) 01:02:46.18ID:0kf/rcIs0
macでFF91なんだけど
タブのコンテキストメニューが消えなくなった
91前はタブを再読み込みは
#context_reloadTab
で消せた
ググって
#context_reloadSelectedTabs
を追加したけど効果なし
こういうのどうやって調べるんですか?
0689名無しさん@お腹いっぱい。 (ワッチョイ 02e3-KBRJ)
垢版 |
2021/09/02(木) 04:28:32.00ID:tL+xvC5v0
>>688
web開発ツールの設定の詳細設定の項目にある
"ブラウザーとアドオンのデバッガーを有効化"と"リモートデバッガーを有効化"にチェックを入れると
ブラウザーツールボックスが使えるようになるからコレで調べな
0691名無しさん@お腹いっぱい。 (ワッチョイ 6715-KEQA)
垢版 |
2021/09/03(金) 23:41:13.32ID:SFpzN1gr0
>>689
>>690
サンクス
でもどうやらmacOS Big Surではネイティブコンテキストメニュー?
というものが優先されて使われるらしい・・・proton UI関係あるのかな
そういうのさっぱりわからないわ
なので#context云々ではどうにもならないみたい

widget.macos.native-context-menusをfalse
でネイティブコンテキストメニューを無効にして消えたけど
proton UIに反するのかなあ。。。
0692C (ワッチョイ 5f11-i9YD)
垢版 |
2021/09/04(土) 00:54:48.75ID:BkUniDQ60
Leptonが頻繁に改訂されているけど、回を重ねるごとに混迷を深めた形で立ち現れてくるので困惑してる
最新版ではメニューバーの各メニュー項目のアイテムまでアイコンを表示するようになったのだけど
メニューバーにもアイコンが表示されてしまい、アイコンつくのとつかないとで隙間があったりアイコンがあったりと
従来メニュー表示を逸脱したものになっている
その他、メニューの背景色などを設定していると顕在化するのだが
「履歴(S)とブックマーク(B)のプルダウンメニューの描画が他とは違う扱いになっている
あと、タブバーの一番左が他とは別の振る舞いをする
そこで、比較的混迷度の低い初期バージョンを使うことになる
アイコンを復活させないのであれば、別の接近で解決したほうが副作用は少なく見える
0694名無しさん@お腹いっぱい。 (ワッチョイ 5f11-i9YD)
垢版 |
2021/09/05(日) 22:46:49.94ID:tpcqj88I0
連日更新してるようで、先ほど最新版を試して見た
メニューバーへの必要もないアイコン付加を引っ込めてくれたのかと思ったけど、そのままで
併用していたcssで、前回までは有効であったブックマークメニューのフォルダーアイコンの個別割り当て設定が効かなくなったいた
何処を目指しているのだろうか
0698名無しさん@お腹いっぱい。 (ワッチョイ 5f11-i9YD)
垢版 |
2021/09/06(月) 22:50:40.81ID:p/GgoRto0
恐らく leptonの作者はメニューバーを表示した時のことをテストしてないのか
でも、そのプルダウンメニューにアイコンについて作業しているのだから、ありえないことなんだけどね
0701名無しさん@お腹いっぱい。 (ワッチョイ 5f11-i9YD)
垢版 |
2021/09/08(水) 02:09:34.04ID:rlBVyEam0
92になってブックマークツールバーのプルダウンメニューの実装が変わってきて
また、縦に間延びしてしまった
これを縮める方策はあるのだろうか
この解消策がないとfirefoxもかなりみっともない使い勝手の悪いものになる
0706名無しさん@お腹いっぱい。 (ワッチョイ 5f11-i9YD)
垢版 |
2021/09/08(水) 09:33:02.95ID:rlBVyEam0
プルダウンメニューのブランチのアイコン
プルダウンメニューの角と影
プルダウンメニューのアイテムの高さ
アイコンを右クリックしてコンテキストメニューを出せばその違いは歴然
0714名無しさん@お腹いっぱい。 (ワッチョイ 277e-KEQA)
垢版 |
2021/09/08(水) 12:53:34.55ID:veFholL00
>>712
こちらでレスしていただいた内容でも変化がありませんでした。

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

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

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

仕様で設定不可能だったら万事窮すだ
そうでなければ通常版で起きている事態だし、解決策が出されるかもしれない
0722名無しさん@お腹いっぱい。 (ワッチョイ 5f11-i9YD)
垢版 |
2021/09/08(水) 15:37:59.88ID:rlBVyEam0
その場合には、従来のコンテキストメニューの背景色のためのcssや
無設定に代えて

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

みたいに、 #fffff0 の部分を好みに合わせて書き換えてみて
0724名無しさん@お腹いっぱい。 (ワッチョイ 5f11-nTGN)
垢版 |
2021/09/08(水) 15:55:24.70ID:B2jQoqiL0
92でマウスジェスチャが効かなくなったわ
0727名無しさん@お腹いっぱい。 (ワッチョイ 5f99-nTGN)
垢版 |
2021/09/08(水) 23:16:51.87ID:Djs96XlA0
>>724はconfig.jsとuserChrome.jsの更新でうまくいったわ
0732名無しさん@お腹いっぱい。 (ワッチョイ ea11-wuon)
垢版 |
2021/09/10(金) 17:45:03.09ID:H3ySxtKh0
完全におま環だが、流石にこれには萎えた

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

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

https://i.imgur.com/VgLVUKl.png
0746名無しさん@お腹いっぱい。 (ワッチョイ b681-c5DT)
垢版 |
2021/09/11(土) 21:18:59.07ID:4OoHr8UN0
>>736
mac版だととんでもないことになった
直したけど
0749名無しさん@お腹いっぱい。 (ワッチョイ 79cf-wuon)
垢版 |
2021/09/12(日) 21:21:13.48ID:koVyAzKA0
儲があまりにキモいんだよね
0750名無しさん@お腹いっぱい。 (ワッチョイ b681-c5DT)
垢版 |
2021/09/13(月) 20:51:03.99ID:mAhIRrrt0
>>747
初めてこのスレに書いたけどsage進行なの?
いつの時代よ。ageると荒らが来たりするのか?
0761名無しさん@お腹いっぱい。 (ワッチョイ 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
のタブの上側を青色じゃなく、下側を青に変更できませんか?
0762名無しさん@お腹いっぱい。 (ワッチョイ 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;
}