userChrome.css・userContent.cssスレ Part14

userChrome.css・userContent.cssスレ Part14 (960ﾚｽ)
上下前次 1-新

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;にするってわかるやろ常考

954: 940 (ﾜｯﾁｮｲ c374-B3Cu) [sage] 08/03(日)21:05 ID:bkuG2/dx0(1)
いえいえいえ、丸コピの後に0pxやunsetも試した上で、改善されませんでした

.tab-background {
border-radius: 4px 4px 0px 0px !important;margin-block: -1px !important;
}
のうち、border-radiusやmargin-blockの値を問わず、.tab-backgroundへ手を加えることそのものが駄目そうなのです・・・
ですから付箋化を上記コード以外、または何らかの正しい記述を以て指定しないと、上方向にチョイ移動するブラクラっぽさは無くなりそうにありません

あれからGPUがゲーム中に死んだり、24時間挿しっ放しのUSB：KIOXIAが爆熱＆読み込み不良だったりして、色々大変でしたorz
室温34-35度での365日24時間つけっぱなPC作業は駄目ですね^^;

特にKIOXIAは過去一高品質なUSBフラッシュメモリに思えたため、熱に弱い現状はどうしたものかと思います
USBは2.0時代のsonyが最強でした
それが3.2で速度と引き換えに熱を持ち易くなり、さらにプラ筐体ばかりとなったことで、耐熱性に難が視られる不幸（仕様）を招いたのでしょう

今日は朝から踏んだり蹴ったりですよ（´д｀）

955: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9b90-S6LG) [sage] 08/03(日)21:13 ID:1wX/oYUZ0(1)
あ、そう。良かったね

956: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9158-U/g1) [sage] 08/03(日)23:01 ID:5UbPS8Wo0(1)
これあかん奴や…

957: 923 (ﾜｯﾁｮｲ 7bd4-d7oq) [Necessary flag: アカン　暗号合言葉: 月のうさぎはお餅つき] 08/04(月)06:22 ID:67sJASkc0(1)
>>930
　📥https://github.com/Acercandr0/Latin-Accent/blob/main/userChrome.css
　📥https://github.com/Acercandr0/Latin-Accent/blob/main/userContent.css
Option 1を験してみたら
Windows 10ではMicaは機能しなかったが、
Windows 11で「Windowsのモードがダーク」「Firefoxのテーマがシステムテーマ自動」でその様になった！
　ただ、Windows 11のMicaの透過表現自体が希薄で、ONにする意義があるかは微妙だった
　Option 2, Option 3は更に透過させられるみたいだけど、アプリを入れないと出来ない様なので自分はパス

　　🦑https://x.com/keita_roboin/status/1911093092842934379
　　#⃣https://www.askvg.com/enable-or-disable-windows-11-mica-acrylic-effects-in-firefox-ui-and-context-menus/

Latin Accent 🦊は、透過表現よりもアイコン類を選択した時のハイライトの入れ方やアニメーションがいいセンスだ！

　Windows 10のFirefox ESR 115にCSSだけ入れてみると
　　・最小化の「－」が表示されなくなる
　　・タブ数が多いと新しいタブの「＋」が押せなくなる
　　・ツールバー上の各種ポップアップがｸﾞﾗﾂｸ
　　・#bookmarks-toolbar-placeholder {display: none !important;} /* 「ﾌﾞｯｸﾏｰｸﾂｰﾙﾊﾞｰの項目」が表示されっぱなし */
　だけど、
　このCSSをベースにするかも

　📂https://web.archive.org/web/0if_/https://pbs.twimg.com/media/GxdKSd0akAEvIJC?format=png&name=orig
　/* Individual Bookmark Items */ の「min-height:」(ブックマークフォルダの行間)
　は、「24px」だと狭すぎるから「30px」くらいが丁度良いかも
　　・FirefoxのデフォルトのUI密度は、「通常」と「コンパクト」の中間が理想
　　・ﾀﾞﾐﾝｸﾞﾀﾞｳﾝされてるUI密度「コンパクト」: ↕https://blog.halpas.com/archives/18064

これまでのUIで最高にコレってやつだったのは
　・Macで未採用となってしまったDrawing Board: 📐http://lleedd.com/blog/2009/06/14/drawingboard/
　・Windows xpでVisual Styleで使っていたAshen II:
　　🔲https://web.archive.org/web/20100607010822/https://nevezen.deviantart.com/art/Ashen-II-73179002

958: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 0f58-B3Cu) [sage] 08/04(月)07:52 ID:gYINj/lA0(1)
変なのが居着いちゃった

960: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ dfb1-PdOt) [sage] 08/05(火)18:24 ID:Mmb6MXRk0(1)
ここcssスレだから

上下前次 1-新書関写板覧索設栞歴

ｽﾚ情報赤ﾚｽ抽出画像ﾚｽ抽出歴の未読ｽﾚ AAｻﾑﾈｲﾙ

ぬこの手ぬこTOP 1.166s*