userChrome.css・userContent.cssスレ Part14 (958ﾚｽ)
上下前次1-新
ﾘﾛｰﾄﾞ規制です｡10分ほどで解除するので､他のﾌﾞﾗｳｻﾞへ避難してください｡
939: (ﾜｯﾁｮｲ 0fa9-/90x) 08/02(土)21:47 ID:+AHOgY3c0(5/5) AAS
>>937
そのとおりでした。
それらしい記述を削除したら希望どおりになりました。
皆さんありがとうございました。
940(1): (ﾜｯﾁｮｲ 0b74-B3Cu) 08/03(日)11:26 ID:OIjmTm+90(1/6) AAS
外部ﾘﾝｸ:imepic.jp
タブをドラッグすると、毎回2mm程上方向へ引っ張られます
その際にタブの縦幅も若干圧縮される様子です
視覚にダメージを残すので、何とか無効化出来ないでしょうか？
また、画像下側のアクティブタブにツールバーの境界線が残る点も、改善したいです
これはv100頃までは
/* タブ形状の付箋化 */
.tab-background {
border-radius: 4px 4px 0px 0px !important;margin-block: -1px !important;
}
で綺麗に消去されていました
よろしくお願いいたします
941: (ﾜｯﾁｮｲ 45cf-d7oq) 08/03(日)12:28 ID:M8pnajGJ0(1/4) AAS
>>940
使ってるuc.jsやcssも晒さずにどうしろと
942: 940 (ﾜｯﾁｮｲ 0b74-B3Cu) 08/03(日)12:38 ID:OIjmTm+90(2/6) AAS
使用中の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) AAS
/* ブックマークサイドバー 検索非表示 */
#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) AAS
/* コンテキストメニュー 非表示 */
#context-add-engine, #context-sep-selectall {
display: none !important;
}
既存cssの付け外しやfirefoxの再インストなどは試しました
よろしくお願いいたします
945(1): 940 (ﾜｯﾁｮｲ 0b74-B3Cu) 08/03(日)13:31 ID:OIjmTm+90(5/6) AAS
about:configを含む、全てを精査したところ
/* タブ形状の付箋化 */
.tab-background {
border-radius: 4px 4px 0px 0px !important;margin-block: -1px !important;
}
のコードただ一つが、あらゆる上位互換を凌駕して元凶となっておりました
しかし、これを外すと目玉タブ（所謂）になり、ハスコラ並みの嫌悪感でブラウザ利用に支障が出てしまいます
最重要cssといっても過言ではありません
そもそもの発端がprotonである事実を再確認しました
そのprotonもabout:configから除去されており、UIデザインを安易に変更出来なくされております
目玉タブを無くす方法・代替案はないものでしょうか^^;
946: (ﾜｯﾁｮｲ 45cf-d7oq) 08/03(日)13:42 ID:M8pnajGJ0(2/4) AAS
「目玉タブ]とか なんやねん
947(1): (ﾜｯﾁｮｲ 45cf-d7oq) 08/03(日)13:48 ID:M8pnajGJ0(3/4) AAS
ずれるのは
#tabbrowser-tabs {
&[orient="horizontal"] {
&[movingtab] {
padding-bottom: 15px;
margin-bottom: -15px;
}
}
}
やから両方 unset するか 0 にすればいい
948: (ﾜｯﾁｮｲ 0b74-B3Cu) 08/03(日)14:32 ID:OIjmTm+90(6/6) AAS
>>947
ご説明の意図が私の技量不足で理解出来ませんが、そのコードをそのまま貼り付けても無変化でした
タブは元来より付箋状でした
それを、間に隙間が設けられるよう改悪したのが、protonへの移行です
・・・この隙間、生理的に気持ち悪くありませんか？
当時は同様の意見が散見され、私の持っている付箋化コードが配布される程でしたのですが^^;
結局>>945のコードを消せば見た目が最悪なものの、タブのドラッグ横移動に問題が無くなります、スルスルです
デザインを取るかスムーズな挙動を取るか、でしょうかねえorz
タブドラッグの度にクイッと上方向へ位置ズレされると、それこそブラクラのようなダメージが目に入るので、何とかそれを除去したかった
949: (ﾜｯﾁｮｲ 0f58-B3Cu) 08/03(日)15:52 ID:yzh+2Saj0(1) AAS
まず、いったん全てのカスタマイズを削除せよ
それから考えろ
これ基本だから
950: (ﾜｯﾁｮｲ a394-B3Cu) 08/03(日)16:09 ID:rMwK8ju20(1) AAS
目玉タブが気になって昼も寝れません
951: (ﾜｯﾁｮｲ dde4-d7oq) 08/03(日)16:37 ID:J3DmqpeI0(1) AAS
タブ幅を狭くしたときに四隅の角の半径が大きいとタブが丸のようになることだと解釈したけど
952: (ﾜｯﾁｮｲ dfb1-PdOt) 08/03(日)16:59 ID:DQX8NLen0(1) AAS
だらだら喋るけど結局何が言いたいのか全く伝えられない人っているよね
953: (ﾜｯﾁｮｲ 45cf-d7oq) 08/03(日)17:26 ID:M8pnajGJ0(4/4) AAS
そのまま書いたらアカンにきまっとるがな
両方とも0!important;かunset!important;にするってわかるやろ常考
954: 940 (ﾜｯﾁｮｲ c374-B3Cu) 08/03(日)21:05 ID:bkuG2/dx0(1) AAS
いえいえいえ、丸コピの後に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) 08/03(日)21:13 ID:1wX/oYUZ0(1) AAS
あ、そう。良かったね
956: (ﾜｯﾁｮｲ 9158-U/g1) 08/03(日)23:01 ID:5UbPS8Wo0(1) AAS
これあかん奴や…
957: 923 (ﾜｯﾁｮｲ 7bd4-d7oq) [Necessary flag: アカン 暗号合言葉: 月のうさぎはお餅つき] 08/04(月)06:22 ID:67sJASkc0(1) AAS
>>930
📥外部ﾘﾝｸ[css]:github.com
📥外部ﾘﾝｸ[css]:github.com
Option 1を験してみたら
Windows 10ではMicaは機能しなかったが、
Windows 11で「Windowsのモードがダーク」「Firefoxのテーマがシステムテーマ自動」でその様になった！
ただ、Windows 11のMicaの透過表現自体が希薄で、ONにする意義があるかは微妙だった
Option 2, Option 3は更に透過させられるみたいだけど、アプリを入れないと出来ない様なので自分はパス
🦑外部ﾘﾝｸ:x.com
#⃣外部ﾘﾝｸ:www.askvg.com
Latin Accent 🦊は、透過表現よりもアイコン類を選択した時のハイライトの入れ方やアニメーションがいいセンスだ！
Windows 10のFirefox ESR 115にCSSだけ入れてみると
・最小化の「－」が表示されなくなる
・タブ数が多いと新しいタブの「＋」が押せなくなる
・ツールバー上の各種ポップアップがｸﾞﾗﾂｸ
・#bookmarks-toolbar-placeholder {display: none !important;} /* 「ﾌﾞｯｸﾏｰｸﾂｰﾙﾊﾞｰの項目」が表示されっぱなし */
だけど、
このCSSをベースにするかも
📂外部ﾘﾝｸ:web.archive.org
/* Individual Bookmark Items */ の「min-height:」(ブックマークフォルダの行間)
は、「24px」だと狭すぎるから「30px」くらいが丁度良いかも
・FirefoxのデフォルトのUI密度は、「通常」と「コンパクト」の中間が理想
・ﾀﾞﾐﾝｸﾞﾀﾞｳﾝされてるUI密度「コンパクト」: ↕外部ﾘﾝｸ:blog.halpas.com
これまでのUIで最高にコレってやつだったのは
・Macで未採用となってしまったDrawing Board: 📐外部ﾘﾝｸ:lleedd.com
・Windows xpでVisual Styleで使っていたAshen II:
🔲外部ﾘﾝｸ:web.archive.org
958: (ﾜｯﾁｮｲ 0f58-B3Cu) 08/04(月)07:52 ID:gYINj/lA0(1) AAS
変なのが居着いちゃった
上下前次1-新書関写板覧索設栞歴
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.019s