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/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でブックマークツールバーのフォルダをクリックしたら中身の縦幅がえらいことになっててびっくりした

2021/09/10(金) 18:55:21.01

>>735
これ使えるね。
height と　opacityの値だけ変えた。

2021/09/10(金) 19:08:49.91

副作用は、URLバーでの検索とプルダウンメニューあたり
なんだかなぁ

2021/09/10(金) 19:24:35.26

インスペクターで見てここの設定のチェック外したら上手くいったんでとりあえず0にした
上で同じこと言ってた人がいたのね
#PlacesToolbar menuitem {
padding: 0 !important;
}

2021/09/10(金) 19:35:11.05

タブへのマウスオーバーでサイトのタイトルが表示されて鬱陶しいです。
非表示にしたい。

2021/09/10(金) 19:40:31.78

>>740
about:config で browser.chrome.toolbar_tips を false

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

>>741
早々のレス、ありがとう。

2021/09/11(土) 06:40:12.87

未読タブの色変更が、動かなくなった。
助けてくれー

2021/09/11(土) 15:23:41.94

誰かタブのDクリックで再読込みのスクリプト貼ってくんないい？変わったようだ

2021/09/11(土) 17:12:49.14

Cascading Style Sheets

2021/09/11(土) 21:18:59.07

>>736
mac版だととんでもないことになった
直したけど

2021/09/11(土) 22:28:31.84

な、スレチ林檎age厨ガイジだろ👆

2021/09/12(日) 19:19:54.46

>>747
林檎のどこが気に入らねーんだよクソガイジ

2021/09/12(日) 21:21:13.48

儲があまりにキモいんだよね

2021/09/13(月) 20:51:03.99

>>747
初めてこのスレに書いたけどsage進行なの？
いつの時代よ。ageると荒らが来たりするのか？

2021/09/13(月) 20:54:48.80

上げ下げ言ってるのは専用ブラウザも使ってない人だけでしょw
使ってりゃそんな事何も関係ないし。

2021/09/13(月) 23:29:45.72

あ、あげるとえっちな広告貼られちゃうし！

2021/09/14(火) 02:06:02.14

スクロールバーの幅を細くするのに scrollbar-width: thin これ使ってたんだけど効かなくなったみたい
廃止になったんですかね？　細くする技があれば教えてくだされませ

2021/09/14(火) 08:33:15.70

>>753
https://github.com/endeavoursc/firefox-overlay-scrollbars-win10

↑スクロールバーの処理はこれが一番スマートでいいよオススメ。

2021/09/14(火) 14:12:57.90

>>753
細くするだけなら、scrollbar-width: thinで92.0でも効いてますよ。

**753** (ﾜｯﾁｮｲ aaa0-bL/7) · 2021/09/14(火) 18:28:41.14

レスありがとうございます
クラス定義し直したら効きましたm(_ _)m

2021/09/17(金) 19:04:24.10

タブのタイトルの長さに応じてタブの長さが可変するようなスタイルって可能ですか？

2021/09/17(金) 22:54:50.65

ページタイトルをフルレングスでどっかに常時表示させるようなのってできるかな？

2021/09/17(金) 22:57:22.61

タイトルバー出せば?

2021/10/01(金) 19:46:09.40

ちょこちょこ色変えるのめんどくて
https://github.com/FirefoxUX/photon-colors/blob/master/photon-colors.css
もうこの色変えてしまえばいいじゃん？と思ったけど
:root {--blue-60: red;}
これじゃあダメで詰まり一体どうすれヴぁいんだー？

2021/10/05(火) 16:16:17.71

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
のタブの上側を青色じゃなく、下側を青に変更できませんか？

2021/10/05(火) 17:38:50.40

>>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.78

>>762
ありがとうございます。今度時間があるときにやってみます。

2021/10/05(火) 18:26:34.74

>>760
これどこのフォルダに入れるん？

2021/10/05(火) 22:07:51.07

まず自力でいろいろやってみた上で
うまくいかなかったら何をやって失敗したのか添えて質問しろよカス

2021/10/05(火) 22:12:06.30

もうちっと優しくしてね

2021/10/05(火) 22:19:10.72

>>765
すまんな、お前に気に入ってもらうため質問してるんじゃねぇんだわタコ

2021/10/05(火) 22:43:14.88

>>764
ディレクトリ一個上がったページの下の方に書いてあるんじゃね

2021/10/06(水) 06:46:40.02

＞今度時間があるときにやってみます。
この手のレスが一番嫌い

2021/10/06(水) 21:19:01.02

てめえのようなゴミがどんな投稿したところで俺様が気に入るわけねーだろ愚か者

2021/10/09(土) 20:35:47.91

93にしたらURLバーと検索バーをクリックしてカーソルが点滅してるとき青い枠線が出るようになりました
この青い線を消す方法を教えてください

2021/10/09(土) 21:44:22.64

#urlbar *{
outline: none!important;
}
#searchbar:focus-within {
outline: none!important;
}
もっといい方法があるかもしれないけどとりあえずこれで消せました

2021/10/11(月) 09:32:39.96

タブの高さ30
タブとツールバーが引っ付いて見やすい

.tabbrowser-tab:not([pinned]) {
min-height: 30px !important;
max-height: 30px !important;
}

2021/10/13(水) 15:23:52.89

すいません。
YouTubeのシネマモードの背景画像を、background-size: containで表示させています。
containを使うことで縦横比を正しく、画像をカットすることなく表示できていますが、
画像がプレーヤーより小さく表示されることがあります。
これをプレーヤーサイズいっぱいに拡大することはできないでしょうか

2021/10/13(水) 15:26:18.82

間違えて、送ってしまいました。

ちなみにautoやcoverも試してみましたが、画像がカットされて拡大されるので駄目でした。

2021/10/13(水) 15:34:23.81

あ、「プレーヤーサイズいっぱいに拡大」というのは、縦横比を維持した上でということで、
左右に黒い帯が表示されることは別に構いません。
念のため。

2021/10/13(水) 15:40:55.51

CSSのaspect-ratioプロパティがすべてのブラウザにサポートされました
画像をアスペクト比で実装する今までとこれからの実装方法

https://coliss.com/articles/build-websites/operation/css/css-ways-to-create-fixed-aspect-ratio.html

2021/10/13(水) 17:45:58.51

>>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; }
}

**774** (ﾜｯﾁｮｲ 9e7e-JSxF) · 2021/10/13(水) 21:51:35.44

>>778
> >>548-549のこと?

そうです。
>>548も私です。
教えていただいた方法でうまく行ったようです。

https://developer.mozilla.org/ja/docs/Web/CSS/background-size
このサイトなどを参考にしながら悪戦苦闘していたのですが、
幅によってcontainとcoverを分ける方法があるとは気づきませんでした。

本当にどうもありがとうございました。

2021/10/14(木) 22:18:07.44

このアプリケーションメニューの行間を狭めたいのですが
https://dotup.org/uploda/dotup.org2617577.png
どのように記載すればいいでしょうか宜しくお願いします

2021/10/14(木) 22:52:37.60

cssなんかに頼らずともUI密度をコンパクトにすればいいだけ
履歴なんかも全部縮まる
ノンサポと言っておきながらメンテナンスはされている

2021/10/15(金) 14:57:45.74

/* メニューの間隔を調整*/ /
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

2021/10/15(金) 17:39:57.71

JSActorsか……さっぱりわからん

2021/10/15(金) 17:49:24.85

>>781
>>782
アプリケーションメニューはUI密度をコンパクトで上手くいきました
* メニューの間隔を調整*は自分の環境では変わりませんでした

ブックマークサイドバーはUI密度をコンパクトが効かなかったので
>>782さんのブックマークツールバーフォルダーをUCCに追記して上手くいきました

ありがとうございました
https://dotup.org/uploda/dotup.org2618153.png

2021/10/15(金) 17:51:16.85

783誤爆

2021/10/17(日) 21:23:18.33

やっと旧Firefox、というかWaterfoxから移行したわ。
旧Firefoxと違って拡張単体だと出来る事が少なすぎてuserChrome.cssで補助していかないと、まともな環境にならねぇ…。
めんどくせー(；´Д｀)

2021/10/17(日) 21:39:10.05

慣れるしかないですね

2021/10/17(日) 22:34:38.50

周回遅れ池沼に構うなよ
基地外が感染るぞ🚑

2021/10/18(月) 18:00:35.55

最近気づいたんだけどメニューバー表示時にウィンドウの横幅縮めたら「最小化、最大化、閉じる」が隠れる
userChrome無効にして再起動しても隠れるって事は仕様？おま環？隠れなくする方法とかありませんか？

2021/10/18(月) 18:02:55.77

おま環みたい

2021/10/18(月) 18:07:47.63

うちもなるけど、普段メニュー非表示だからあんま気にしてない

2021/10/19(火) 13:37:24.12

プライベートウィンドウのタブの上部の線を
アクティブタブは紫に
非アクティブタブは赤に色付けしたいのですけどできますでしょうか？

2021/10/19(火) 13:54:04.14

そこまで縮める必要性があるのか理解できない

2021/10/19(火) 17:04:10.48

>>793
そもそも各個人の好みを受け入れる形で理解する必要はないだろう
そういう人もいるんだなと認識すればいい

2021/10/19(火) 20:00:30.63

>>762
無事出来ました。ありがとうございました。

2021/10/19(火) 20:51:04.46

MouseGestures2_e10s.uc.jsで「画像を保存」を実行したとき、いちいち保存先を選択するダイアログを出さないで、
Firefox本体で設定したダウンロードフォルダに一気に保存する事って出来る？

2021/10/19(火) 21:16:30.84

スレ違

2021/11/02(火) 09:45:58.94

タブバーにアイコンを幾つか表示させた時のアイコンの間隔を狭めるcssを教えてくだされ

2021/11/03(水) 09:03:56.16

お断りするぜでございます

2021/11/03(水) 09:53:33.80

メニューバーやナビゲーションバー、ブックマークツールバーではアイコンを詰めて表示できてるけど
タブバーだとそれが効かない

全画面表示した場合、マウスを上辺に持っていくとナビゲーションバーとタブバーが飛び出してくるけど
そこにアイコン置いておきたいのだよね

タイトルバーを表示したまま全画面表示するとツールバー群は非表示でマウスホーバーで飛び出す環境になっているけど
そこはやっぱサイトの表示領域を全画面表示ですっきりしたい

間抜けと言う言葉があるけど、間が開き過ぎる開発のマヌケとかしゃれにならない

2021/11/03(水) 09:56:43.77

そうですか、それは困りましたね

2021/11/03(水) 10:02:11.00

>>800
全画面表示の時だけタブ幅を狭めサイトアイコンのみにしたいってこと？

2021/11/03(水) 10:19:14.34

トホホ
タブバーのアイコンが偉大過ぎます
https://i.imgur.com/ZwHTVYX.png

2021/11/03(水) 10:32:07.59

アプリケーション領域を全画面表示した時の都合を考えるとタブクローズなどのアイコン群をタブバーに置いた方が都合が良い
また、ブックマークツールバーのブックマーク領域が増える
タブを右クリックして同じ機能を代替実行することは出来るけどクリック数が多くなる

2021/11/03(水) 10:38:44.79

いつもの人でしたか

2021/11/03(水) 10:43:21.11

>>804
ここはお前のサポートセンターではない。消えな！

2021/11/03(水) 10:44:56.55

アプリケーション領域を全画面表示している状態でポインティングカーソルを上辺に持っていくと
ナビゲーションバーとタブバーが遂になってにゅるっと飛び出す、タブクローズ類のアイコンが右側に
並んでいると都合が良い
だけど、大間隔でならんでいると場所塞ぎになる、少しでも狭めたい
https://i.imgur.com/SuvvGve.png

2021/11/03(水) 10:49:43.45

因みに、Webサイト閲覧時はこんな風で、全画面表示にしなくても、ごちゃごちゃしたものは隠れています
https://i.imgur.com/UjEXxH5.png

2021/11/03(水) 11:11:29.90

＞間抜けと言う言葉があるけど、間が開き過ぎる開発のマヌケとかしゃれにならない

お前の好みの問題だ
嫌なら他行け

2021/11/03(水) 11:40:32.82

好みの問題と言いながら、違う嗜好を排斥とかマヌケな論理www

2021/11/03(水) 11:48:09.11

>>810
だって世の中全てがお前の好みには出来てねーだろ
お前にとって都合の良い所を探すしかないじゃん
我儘過ぎなんだよ

2021/11/03(水) 12:05:55.22

ワロタ、嗜好と言うことを理解するのなら、それを実装しろマヌケと言うしかない

2021/11/03(水) 12:36:08.36

自分の思う通りにならないと相手をマヌケって、どこの俺様なんだよ
お前のような輩が街のいたる場所で治安を乱す元凶

2021/11/03(水) 13:29:29.96

ワロタ、大金持ちは作ったが街がゴミだらけのU.S.A
武装した警備員のいるゲットーで暮らす金持ち
治安最悪の人間世界を作ることしか出来なかった連中のプロダクトwww

2021/11/03(水) 13:39:05.47

あれで満足してるんだろ知らんけど

2021/11/03(水) 14:05:54.89

>>814
それまさしくお前だろ？
折角無償で作ってくれたものを自由に使いながら
正しく使わず文句ばかり言って、自分の都合でしかものを言わない
大体、USAだの大金持ちだのお前の範疇にないだろ?さもしい奴だわ

2021/11/03(水) 15:23:15.93

11-がそうした方がいいというなら
普通の人はそうしない方がいいということになるな

2021/11/03(水) 16:53:07.85

ワロタ、良い子の皆さんは下のようにメニューアイテム窮屈に表示してはいけないということですな
間抜けでなく、間延び間空き推奨とかwww
https://i.imgur.com/wS0zDVV.png

2021/11/03(水) 16:59:08.00

好きにすればいいよ

2021/11/03(水) 17:54:43.34

>>818
アホな奴って文献とか学術とか書物好きを自慢し、ひけらかしたがるよな
しかし残念ながらこいつの読解力のなさは>>814で証明されてるけど

2021/11/03(水) 23:53:21.53

11-の方は「三ヶ月も有ればプログラミング言語を習得できる」と方々の板やスレで豪語されてる方なんで、
自分自身で問題を解決するのはたやすいみたいなんで、特にアドバイスする事は無いですね
むしろ、改善したら公開して頂きたいです

2021/11/04(木) 07:23:16.97

ワロタ、普通に働く頭があったらあたりまえ、むしろ、トップレベルを争うプロは諦めたがよいレベル
豪語な話になるとはどんな無明の森の世界?

2021/11/04(木) 18:53:54.76

94.0からかな？
タブコンテキストメニューに「すべてのタブの状態を表示する」が追加された？
非表示にしたい。

2021/11/04(木) 19:32:45.64

>>823
そんなの出てこないぞ？
Firefox 94.0.1 64bit
Windows 10 Pro 21H1 64bit

2021/11/04(木) 19:54:32.12

>>823
俺も出ない
アドオンじゃねえの？

2021/11/04(木) 19:58:25.22

>>824
ごめん、LoadTabOnSelect3だった。

2021/11/08(月) 01:18:44.43

右クリ　画像を新しいタブで開く　が効かないのウチだけ？