userChrome.css・userContent.cssスレ Part14 (953ﾚｽ)
上下前次1-新
ﾘﾛｰﾄﾞ規制です｡10分ほどで解除するので､他のﾌﾞﾗｳｻﾞへ避難してください｡
1(2): 名無しさん＠お腹いっぱい。 (ｽｯﾌﾟ Sd7f-7qXA) [] 2024/03/14(木)05:47 ID:j/YmZdFbd(1/2)
!extend:checked:vvvvv:1000:512
次スレを立てる方は↑を二行重ねて書いてください
●前スレ
userChrome.css・userContent.cssスレ Part13
2chｽﾚ:software
●拡張機能
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
934: 警備員[Lv.6][新芽] (ﾜｯﾁｮｲ 7f15-nBC/) [sage] 08/02(土)19:13 ID:OpibFyNa0(1)
ESETはトラブルだらけだね
935: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0f82-/90x) [sage] 08/02(土)19:41 ID:+AHOgY3c0(3/5)
続けてすみません。
ツールバーを並べ替えているため、アドレスバーに半角英数文字を入力しようとすると
http://or2.mobi/data/img/363636.png
の下段のように入力中の文字がタイトルバーに隠れてしまいます。
これをなんとかしたいのですが、
アドレスバー関係の設定は、「検索候補」も「アドレスバー」もチェックを全部外してあります。
userchorome.cssでなんとかなりますか？
936(1): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 23b1-M5Tn) [sage] 08/02(土)21:34 ID:xhgHstgi0(1)
どうやって並べ替えてるか書かないと答えようがない
937(1): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ bee9-nBC/) [sage] 08/02(土)21:40 ID:8TCE8XZ40(1)
ロケーションバーよりポップアップした入力欄が広くなってるあたりが昔のmegabar無効化css入ったままになってる予感
938: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0fa9-/90x) [sage] 08/02(土)21:40 ID:+AHOgY3c0(4/5)
>>936
#toolbar-menubar { order: 1 !important; } /* メニューバー */
#nav-bar { order: 2 !important; } /* ナビゲーションツールバー */
#PersonalToolbar { order: 3 !important; } /* ブックマークツールバー */
#TabsToolbar{ order: 4; } タブバー */
こんな記述です。
939: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0fa9-/90x) [sage] 08/02(土)21:47 ID:+AHOgY3c0(5/5)
>>937
そのとおりでした。
それらしい記述を削除したら希望どおりになりました。
皆さんありがとうございました。
940(1): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0b74-B3Cu) [sage] 08/03(日)11:26 ID:OIjmTm+90(1/6)
https://imepic.jp/20250803/407180
タブをドラッグすると、毎回2mm程上方向へ引っ張られます
その際にタブの縦幅も若干圧縮される様子です
視覚にダメージを残すので、何とか無効化出来ないでしょうか？
また、画像下側のアクティブタブにツールバーの境界線が残る点も、改善したいです
これはv100頃までは
/* タブ形状の付箋化 */
.tab-background {
border-radius: 4px 4px 0px 0px !important;margin-block: -1px !important;
}
で綺麗に消去されていました
よろしくお願いいたします
941: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 45cf-d7oq) [sage] 08/03(日)12:28 ID:M8pnajGJ0(1/4)
>>940
使ってるuc.jsやcssも晒さずにどうしろと
942: 940 (ﾜｯﾁｮｲ 0b74-B3Cu) [] 08/03(日)12:38 ID:OIjmTm+90(2/6)
使用中のcssは以下の通りです
/* ページ内検索の消去ボタン */
.findbar-container {
min-width: unset !important;
overflow: hidden !important;
}
#findbar-close-container {
position: unset !important;
}
/* 右上更新関連のポップアップ非表示 */
panel#appMenu-notification-popup { display: none !important; }
/* ツールバーにあるタブの一覧アイコンを非表示 */
#alltabs-button { display: none !important; }
/* タブの間隔調整 */
.tabbrowser-tab {
padding-left: 0px !important; padding-right: 0px !important;
}
/* タブ形状の付箋化 */
.tab-background {
border-radius: 4px 4px 0px 0px !important;margin-block: -1px !important;
}
/* タブ位置・高さ */
/* #titlebar {height: 0px !important;} */
/* 最大化時 */
#main-window[sizemode="maximized"] #toolbar-menubar {
margin-bottom: 2px !important;
}
#navigator-toolbox {
margin-top: -10px !important;
}
943: 940 (ﾜｯﾁｮｲ 0b74-B3Cu) [] 08/03(日)12:39 ID:OIjmTm+90(3/6)
/* ブックマークサイドバー 検索非表示 */
#sidebar-search-container {
visibility: collapse!important;
}
/* ブックマークサイドバー 行間短縮 */
treechildren::-moz-tree-row {
min-height: 1.5em !important;
}
/* ブックマークサイドバー ヘッダ非表示 */
#sidebar-header {
visibility: collapse;
}
/* ブックマークサイドバー インデント短縮 */
treechildren::-moz-tree-indentation {
width: .3em !important;
}
/* ブックマークサイドバー 点線非表示 */
treechildren::-moz-tree-row(selected, current, focus) {
outline-color: red !important;
outline-style: none !important;
}
/* 最近のブックマーク 非表示 */
#panelMenu_recentBookmarks,
#panelMenu_bookmarksMenu{display:none!important;}
944: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0b74-B3Cu) [] 08/03(日)12:39 ID:OIjmTm+90(4/6)
/* コンテキストメニュー 非表示 */
#context-add-engine, #context-sep-selectall {
display: none !important;
}
既存cssの付け外しやfirefoxの再インストなどは試しました
よろしくお願いいたします
945(1): 940 (ﾜｯﾁｮｲ 0b74-B3Cu) [sage] 08/03(日)13:31 ID:OIjmTm+90(5/6)
about:configを含む、全てを精査したところ
/* タブ形状の付箋化 */
.tab-background {
border-radius: 4px 4px 0px 0px !important;margin-block: -1px !important;
}
のコードただ一つが、あらゆる上位互換を凌駕して元凶となっておりました
しかし、これを外すと目玉タブ（所謂）になり、ハスコラ並みの嫌悪感でブラウザ利用に支障が出てしまいます
最重要cssといっても過言ではありません
そもそもの発端がprotonである事実を再確認しました
そのprotonもabout:configから除去されており、UIデザインを安易に変更出来なくされております
目玉タブを無くす方法・代替案はないものでしょうか^^;
946: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 45cf-d7oq) [sage] 08/03(日)13:42 ID:M8pnajGJ0(2/4)
「目玉タブ]とか なんやねん
947(1): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 45cf-d7oq) [sage] 08/03(日)13:48 ID:M8pnajGJ0(3/4)
ずれるのは
#tabbrowser-tabs {
&[orient="horizontal"] {
&[movingtab] {
padding-bottom: 15px;
margin-bottom: -15px;
}
}
}
やから両方 unset するか 0 にすればいい
948: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0b74-B3Cu) [sage] 08/03(日)14:32 ID:OIjmTm+90(6/6)
>>947
ご説明の意図が私の技量不足で理解出来ませんが、そのコードをそのまま貼り付けても無変化でした
タブは元来より付箋状でした
それを、間に隙間が設けられるよう改悪したのが、protonへの移行です
・・・この隙間、生理的に気持ち悪くありませんか？
当時は同様の意見が散見され、私の持っている付箋化コードが配布される程でしたのですが^^;
結局>>945のコードを消せば見た目が最悪なものの、タブのドラッグ横移動に問題が無くなります、スルスルです
デザインを取るかスムーズな挙動を取るか、でしょうかねえorz
タブドラッグの度にクイッと上方向へ位置ズレされると、それこそブラクラのようなダメージが目に入るので、何とかそれを除去したかった
949: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0f58-B3Cu) [sage] 08/03(日)15:52 ID:yzh+2Saj0(1)
まず、いったん全てのカスタマイズを削除せよ
それから考えろ
これ基本だから
950: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ a394-B3Cu) [sage] 08/03(日)16:09 ID:rMwK8ju20(1)
目玉タブが気になって昼も寝れません
951: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ dde4-d7oq) [sage] 08/03(日)16:37 ID:J3DmqpeI0(1)
タブ幅を狭くしたときに四隅の角の半径が大きいとタブが丸のようになることだと解釈したけど
952: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ dfb1-PdOt) [sage] 08/03(日)16:59 ID:DQX8NLen0(1)
だらだら喋るけど結局何が言いたいのか全く伝えられない人っているよね
953: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 45cf-d7oq) [sage] 08/03(日)17:26 ID:M8pnajGJ0(4/4)
そのまま書いたらアカンにきまっとるがな
両方とも0!important;かunset!important;にするってわかるやろ常考
上下前次1-新書関写板覧索設栞歴
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.032s