userChrome.css・userContent.cssスレ Part11
■ このスレッドは過去ログ倉庫に格納されています
!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 Linuxでも、他のcss、スクリプトを外しても、実装の変化は明白 >>705
これではかわらないわ。
広くはなるけど(例えばpadding-block: 10em !important;とかね。)狭くはならない。
間隔を0にしたい。（0にした上で好きなサイズに広げたい） #PlacesToolbar menupopup :is(menu, menuitem) {
min-height: 0 !important;
} >>712
こちらでレスしていただいた内容でも変化がありませんでした。
値を0より上にすると幅は広がります。
値をマイナスへしてもやはり広がります。（多分デフォルトの高さだと思われます）
★が小さくなる問題は、UI密度の設定でコンパクトの設定を念のために追加していたがこれを削除したら大きさは元に戻った。
今の所ブックマークの行間以外問題は改善された模様。 先行のNightlyやDeveloperでいろいろ試したけど
Web検索しても
従来スタイルのブックマークツールバーのプルダウンメニューのアイテムの高さ行間と同じもしくは以下になる解決策は見つけられなかった
仕様で設定不可能だったら万事窮すだ
そうでなければ通常版で起きている事態だし、解決策が出されるかもしれない >>705>>712
合わせて書いたら行間なくなったけどな URLバーの高さってどこをいじればいいのかな。
#urlbar-container
#urlbar
の高さを低くしても全然かわらない。 >>716
ありがとう。
両方書けば調整できるようになりました。
レスいただいた方ありがとうございました。 そこまでがぎりぎり出来ることなんだよな、なんだかなあ 確かにブックマークツールバープルダウンメニューの背景色だけが白っぽくなって
目がしにそうになる
@デフォテーマ これ92.0で効かなくなった。
/*** URLバーの★マークを非表示 ***/
#star-button {display: none !important;}
どう修正すれば良いの？ その場合には、従来のコンテキストメニューの背景色のためのcssや
無設定に代えて
/* コンテキストメニューの色の変更 */
.menupopup-arrowscrollbox {
color: black !important;
background-color: #fffff0 !important;
}
みたいに、 #fffff0 の部分を好みに合わせて書き換えてみて >>717
#urlbar-input-containerでmin-heightをいじればいけたと思う >>724はconfig.jsとuserChrome.jsの更新でうまくいったわ タブのダブルクリックでページ更新ができなくなったけど直し方は？ userChrome.jsの
gBrowser.getBrowserForTab(tab).reload();
が効かなくなったようでどうしたらいいものか・・ YouTubeの背景色をダークやライトモード以外（例えばブルー）で指定できますかね？
試しにやってみたけどうまく行きません。 >>730
試しにやったのを書いて何処が間違ってるのを聞く方が良いと思う 完全におま環だが、流石にこれには萎えた
候補のプルダウンメニューが隠れている
別の方式を試したら、この問題は反応がぎこちないがほぼ解消した
が、メインメニューバーやブックマークツールバーの表示突然消える
隠していた全ツールバーをホーバーを利用飛び出させるcssだが、副作用が強過ぎた
ま、URLバーでの検索は稀にしか使わないが、これではつらいものがある
https://i.imgur.com/VgLVUKl.png タブバーだ出しておく、ToolbarAutoHide.uc.jsでは問題がない
けど、きちんと出たとしても、最近は酷くなっていないか
URLバー一つで済ませたがらせるように見える
URLバーならではのURL検索から離れてきている
https://i.imgur.com/PdG7ePN.png 実はこちらさんのを試させてもらったんだけど
英語読むのかったるいので、さっと飛ばしてコードだけを拾って試したwww
Support mozilla Get Help
https://support.mozilla.org/en-US/questions/1284841 92でブックマークツールバーのフォルダをクリックしたら中身の縦幅がえらいことになっててびっくりした >>735
これ使えるね。
height と opacityの値だけ変えた。 副作用は、URLバーでの検索とプルダウンメニューあたり
なんだかなぁ インスペクターで見てここの設定のチェック外したら上手くいったんでとりあえず0にした
上で同じこと言ってた人がいたのね
#PlacesToolbar menuitem {
padding: 0 !important;
} タブへのマウスオーバーでサイトのタイトルが表示されて鬱陶しいです。
非表示にしたい。 >>740
about:config で browser.chrome.toolbar_tips を false 未読タブの色変更が、動かなくなった。
助けてくれー 誰かタブのDクリックで再読込みのスクリプト貼ってくんないい？変わったようだ >>736
mac版だととんでもないことになった
直したけど >>747
林檎のどこが気に入らねーんだよクソガイジ >>747
初めてこのスレに書いたけどsage進行なの？
いつの時代よ。ageると荒らが来たりするのか？ 上げ下げ言ってるのは専用ブラウザも使ってない人だけでしょw
使ってりゃそんな事何も関係ないし。 スクロールバーの幅を細くするのに scrollbar-width: thin これ使ってたんだけど効かなくなったみたい
廃止になったんですかね？ 細くする技があれば教えてくだされませ >>753
細くするだけなら、scrollbar-width: thinで92.0でも効いてますよ。 レスありがとうございます
クラス定義し直したら効きましたm(_ _)m タブのタイトルの長さに応じてタブの長さが可変するようなスタイルって可能ですか？ ページタイトルをフルレングスでどっかに常時表示させるようなのってできるかな？ ちょこちょこ色変えるのめんどくて
https://github.com/FirefoxUX/photon-colors/blob/master/photon-colors.css
もうこの色変えてしまえばいいじゃん？と思ったけど
:root {--blue-60: red;}
これじゃあダメで詰まり一体どうすれヴぁいんだー？ 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
のタブの上側を青色じゃなく、下側を青に変更できませんか？ >>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;
} >>762
ありがとうございます。今度時間があるときにやってみます。 まず自力でいろいろやってみた上で
うまくいかなかったら何をやって失敗したのか添えて質問しろよカス >>765
すまんな、お前に気に入ってもらうため質問してるんじゃねぇんだわタコ >>764
ディレクトリ一個上がったページの下の方に書いてあるんじゃね ＞今度時間があるときにやってみます。
この手のレスが一番嫌い てめえのようなゴミがどんな投稿したところで俺様が気に入るわけねーだろ愚か者 93にしたらURLバーと検索バーをクリックしてカーソルが点滅してるとき青い枠線が出るようになりました
この青い線を消す方法を教えてください #urlbar *{
outline: none!important;
}
#searchbar:focus-within {
outline: none!important;
}
もっといい方法があるかもしれないけどとりあえずこれで消せました タブの高さ30
タブとツールバーが引っ付いて見やすい
.tabbrowser-tab:not([pinned]) {
min-height: 30px !important;
max-height: 30px !important;
} すいません。
YouTubeのシネマモードの背景画像を、background-size: containで表示させています。
containを使うことで縦横比を正しく、画像をカットすることなく表示できていますが、
画像がプレーヤーより小さく表示されることがあります。
これをプレーヤーサイズいっぱいに拡大することはできないでしょうか 間違えて、送ってしまいました。
ちなみにautoやcoverも試してみましたが、画像がカットされて拡大されるので駄目でした。 あ、「プレーヤーサイズいっぱいに拡大」というのは、縦横比を維持した上でということで、
左右に黒い帯が表示されることは別に構いません。
念のため。 >>774
>>548-549のこと?
まだ表示できる余裕があるように見えるのに上下に黒い余白が出ることはあるね。
https://i.imgur.com/DMxiyYK.jpg
実際には左右に黒い帯付きの 16:9 な画像なのでこうなる。
ウインドウ幅が狭いとき左右がカットされるのは構わないと妥協して、狭いときだけ cover にするとか。
.ytp-cued-thumbnail-overlay-image { background-size: contain !important; }
@media (max-width: 1080px) {
.ytp-cued-thumbnail-overlay-image { background-size: cover !important; }
} >>778
> >>548-549のこと?
そうです。
>>548も私です。
教えていただいた方法でうまく行ったようです。
https://developer.mozilla.org/ja/docs/Web/CSS/background-size
このサイトなどを参考にしながら悪戦苦闘していたのですが、
幅によってcontainとcoverを分ける方法があるとは気づきませんでした。
本当にどうもありがとうございました。 このアプリケーションメニューの行間を狭めたいのですが
https://dotup.org/uploda/dotup.org2617577.png
どのように記載すればいいでしょうか宜しくお願いします cssなんかに頼らずともUI密度をコンパクトにすればいいだけ
履歴なんかも全部縮まる
ノンサポと言っておきながらメンテナンスはされている /* メニューの間隔を調整*/ /
menupopup > menuitem, menupopup > menu {
padding-block: 0em !important;
}
:root {
--arrowpanel-menuitem-padding: 0.2em 0.4em !important;
}
ブックマークツールバーフォルダーは別のを適用して
http://egg.5ch.net/test/read.cgi/software/1631056754/746 >>781
>>782
アプリケーションメニューはUI密度をコンパクトで上手くいきました
* メニューの間隔を調整*は自分の環境では変わりませんでした
ブックマークサイドバーはUI密度をコンパクトが効かなかったので
>>782さんのブックマークツールバーフォルダーをUCCに追記して上手くいきました
ありがとうございました
https://dotup.org/uploda/dotup.org2618153.png やっと旧Firefox、というかWaterfoxから移行したわ。
旧Firefoxと違って拡張単体だと出来る事が少なすぎてuserChrome.cssで補助していかないと、まともな環境にならねぇ…。
めんどくせー(；´Д｀) 最近気づいたんだけどメニューバー表示時にウィンドウの横幅縮めたら「最小化、最大化、閉じる」が隠れる
userChrome無効にして再起動しても隠れるって事は仕様？おま環？隠れなくする方法とかありませんか？ うちもなるけど、普段メニュー非表示だからあんま気にしてない プライベートウィンドウのタブの上部の線を
アクティブタブは紫に
非アクティブタブは赤に色付けしたいのですけどできますでしょうか？ >>793
そもそも各個人の好みを受け入れる形で理解する必要はないだろう
そういう人もいるんだなと認識すればいい >>762
無事出来ました。ありがとうございました。 MouseGestures2_e10s.uc.jsで「画像を保存」を実行したとき、いちいち保存先を選択するダイアログを出さないで、
Firefox本体で設定したダウンロードフォルダに一気に保存する事って出来る？ タブバーにアイコンを幾つか表示させた時のアイコンの間隔を狭めるcssを教えてくだされ メニューバーやナビゲーションバー、ブックマークツールバーではアイコンを詰めて表示できてるけど
タブバーだとそれが効かない
全画面表示した場合、マウスを上辺に持っていくとナビゲーションバーとタブバーが飛び出してくるけど
そこにアイコン置いておきたいのだよね
タイトルバーを表示したまま全画面表示するとツールバー群は非表示でマウスホーバーで飛び出す環境になっているけど
そこはやっぱサイトの表示領域を全画面表示ですっきりしたい
間抜けと言う言葉があるけど、間が開き過ぎる開発のマヌケとかしゃれにならない >>800
全画面表示の時だけタブ幅を狭めサイトアイコンのみにしたいってこと？ アプリケーション領域を全画面表示した時の都合を考えるとタブクローズなどのアイコン群をタブバーに置いた方が都合が良い
また、ブックマークツールバーのブックマーク領域が増える
タブを右クリックして同じ機能を代替実行することは出来るけどクリック数が多くなる >>804
ここはお前のサポートセンターではない。消えな！ ■ このスレッドは過去ログ倉庫に格納されています
