[過去ﾛｸﾞ] userChrome.css・userContent.cssスレ Part14 (1002ﾚｽ)
上下前次1-新
このｽﾚｯﾄﾞは過去ﾛｸﾞ倉庫に格納されています｡
次ｽﾚ検索 歴削→次ｽﾚ 栞削→次ｽﾚ 過去ﾛｸﾞﾒﾆｭｰ
581(1): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 176c-dJoR) [sage] 2024/11/28(木) 18:11:04.58 ID:8ZbVWJKh0(5/5) AAS
色々試したら
/* サイドバーを自動開閉するようにする （左側用）*/
使ってる人は
#sidebar-box:hoverの
margin-right: calc((var(--wide-tab-width) - var(--thin-tab-width)) * -1) !important;
これ削除で取り敢えず動く
只動くけどサイドバー開閉でとページが縮んだり元に戻り動くのでそこは誰か頼む
582: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ f76e-egXh) [sage] 2024/11/28(木) 21:22:26.80 ID:IXIbOctl0(1) AAS
>>572ありがとうございます
1点確認したい事があります
ブックマークツールバーをマウスオーバーで表示させるのではなく常に表示させるにはどのように修正すればよいのか
教えて頂けないでしょうか
583: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ d758-cdGy) [sage] 2024/11/28(木) 21:39:31.94 ID:FigeybVf0(1) AAS
サイドバーのtransitionの仕様変わった？
下層までぐにゃっとなってキモいんだが
584: 名無しさん＠お腹いっぱい。 (ｵｲｺﾗﾐﾈｵ MMab-cwdt) [sage] 2024/11/28(木) 23:46:00.17 ID:HBRW54TeM(1) AAS
133になったらタブが上になっちゃったよ面倒くせー
585(1): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ f7cf-wRxM) [sage] 2024/11/29(金) 04:42:43.98 ID:vFolAiBf0(1) AAS
>>581
535ですが追加します
margin-right: calc((var(--wide-tab-width) - var(--thin-tab-width)) * -1) !important;
は削除せず
z-index: 1 !important; → z-index: 3 !important;
これで133でもサイドバー自動開閉OK、ページレイアウトの変化なし
あ、これも受け売りw
586: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ d7cf-NEce) [sage] 2024/11/29(金) 06:09:40.92 ID:ULqcIWjA0(1) AAS
>>585
おつかれ
z-index: 1 !important; → z-index: 3 !important;
これはこっち↓でも動いたわ
【Firefox】Firefox107でサイドバーを自動で開閉する ← 検索（NGワードでリンク貼れない）
587: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ ff44-wRxM) [sage] 2024/11/29(金) 08:42:15.01 ID:9s0laNB00(1) AAS
なんかURLバーにフォーカスしたら一番上に移動するようになったんだがなんだこれ
588: 名無しさん＠お腹いっぱい。 (ｽｯﾌﾟ Sdbf-9Nre) [sage] 2024/11/30(土) 00:12:03.86 ID:WeNbb2iDd(1/2) AAS
うーむ133にしたら#serchbar系もなんか変わってぽいな...
589: 名無しさん＠お腹いっぱい。 (ｽｯﾌﾟ Sdbf-9Nre) [sage] 2024/11/30(土) 00:14:44.89 ID:WeNbb2iDd(2/2) AAS
てかいろいろ変だ...
590: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9f31-wRxM) [sage] 2024/11/30(土) 00:17:00.60 ID:v0wupYa00(1/2) AAS
すんません133に更新したら
ツールバーの並び順が効かなくなりました
分かる方いましたらよろしくです
/* ツールバーの並び順 */
#toolbar-menubar { order: 1; } /* メニューバー */
#nav-bar { order: 2; } /* ナビゲーションツールバー */
#titlebar { order: 3; } /* タブバー */
#PersonalToolbar { order: 4; } /* ブックマークツールバー */
591: 590 (ﾜｯﾁｮｲ 9f31-wRxM) [sage] 2024/11/30(土) 00:57:11.37 ID:v0wupYa00(2/2) AAS
解決いたしました
/* タブバーがツールバーの下に移動 */
/* ブックマークツールバーがタブバーの下に移動 */
#navigator-toolbox:not([tabs-hidden]) {
script, toolbar:not(#TabsToolbar,#PersonalToolbar) {
order: -1;
}
}
#TabsToolbar:not([collapsed="true"]) {
& > hbox.titlebar-buttonbox-container {
display: none;
}
}
#nav-bar {
&:not(.browser-titlebar) {
:root[tabsintitlebar] #toolbar-menubar[autohide="true"] ~ &,
:root[inFullscreen] #toolbar-menubar ~ & {
& > hbox.titlebar-buttonbox-container {
display: flex !important;
}
}
}
.titlebar-button {
padding-block: 0 !important;
}
}
592: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 17cf-hCSs) [sage] 2024/11/30(土) 05:02:14.36 ID:BcKYCGuI0(1) AAS
タブバーは #TabsToolbar
593(1): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 7758-RPwI) [sage] 2024/11/30(土) 22:26:09.19 ID:RfelKTAi0(1/2) AAS
/* ツールバー 並べ替え By.ChatGPT*/
/* navigator-toolbox内の要素を順番に整理 */
#navigator-toolbox {
display: flex;
flex-direction: column; /* 上から下に配置 */
}
/* メニューバーを最上位に配置 */
#toolbar-menubar {
order: 0; /* 一番上に表示 */
}
/* ナビゲーションツールバーをメニューバーの下に配置 */
#nav-bar {
order: 1; /* 2番目に表示 */
}
/* ブックマークツールバーをナビゲーションツールバーの下に配置 */
#PersonalToolbar {
order: 2; /* 3番目に表示 */
}
/* タブバーをブックマークツールバーの下に配置 */
#TabsToolbar {
order: 3; /* 最下部に表示 */
}
594: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 7758-RPwI) [sage] 2024/11/30(土) 22:26:25.07 ID:RfelKTAi0(2/2) AAS
/* 必要に応じてタイトルバーのボタンを非表示 */
.titlebar-buttonbox-container {
display: none !important;
}
595: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 9158-ODz4) [] 2024/12/01(日) 08:14:57.38 ID:l3kg1yYM0(1) AAS
CSSで多段タブを実現したい
596: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ f430-Q86W) [sage] 2024/12/01(日) 12:33:58.92 ID:WVaQGE/r0(1/2) AAS
Firefox ESR 128.5.1でタブの読み込みアニメーションを円グルグルにして使ってます
.tab-throbber[busy] {
background-image: url("chrome://global/skin/icons/loading.png") !important;
filter: grayscale(100%);
}
これでグルグルは表示されているんですが、grayscaleのgrayの部分を他の色名に変えると青色にしかならないです
例えばredとかgreeenとかにしても青くなります
グレーと青以外の色に変える方法ってありますか？
そもそも自分の使ってるスクリプトがおかしいんでしょうか？
ちなみにFirefox Release版だと上記スクリプト自体動いてくれないのでESRを使用しています
597(1): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 3ecf-LsAq) [sage] 2024/12/01(日) 12:48:01.28 ID:WBP+EqKz0(1) AAS
ピンク filter: hue-rotate(90deg);
角度を変えれば色相が変わる
いろいろ試せばいい
598: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ f430-Q86W) [sage] 2024/12/01(日) 13:06:43.83 ID:WVaQGE/r0(2/2) AAS
>>597
ありがとうございます、色を変えられました
grayscaleのgrayって灰色の事じゃなかったんですね…恥ずかしい
599(1): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ d044-ODz4) [sage] 2024/12/01(日) 13:10:41.89 ID:BgNYvjzv0(1/2) AAS
chrome://global/skin/icons/loading.png
これ最新のだと消されてるっぽいんだけど代替ないかな
600(1): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 3f9c-ODz4) [sage] 2024/12/01(日) 13:47:46.03 ID:/wWwpvXL0(1) AAS
>>599
ファイル大きくなるけどbase64化して埋め込むのは？
外部ﾘﾝｸ:pastebin.com
601(1): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ ba97-LsAq) [sage] 2024/12/01(日) 13:48:32.60 ID:dmdPDSYn0(1) AAS
chrome://global/skin/icons/loading.svgがあるけど矢印付き
どうしても同じようなのがいいならDataURIで埋め込んじゃえばいいんじゃない？
602: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ d044-ODz4) [sage] 2024/12/01(日) 15:17:34.50 ID:BgNYvjzv0(2/2) AAS
>>600-601
それか
試してみる?
603: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 3a76-Qs+Z) [sage] 2024/12/02(月) 12:06:27.62 ID:64JqluHX0(1) AAS
>>593
タブバー（ツリー型タブを使っているのでタブバーはタブバーとしてではなくツールボタンを並べるバーとして使っている）が上になっちゃって困ってたぜ
ほんと助かるわ
604: 名無しさん＠お腹いっぱい。 (JP 0Haa-DO+T) [] 2024/12/02(月) 22:37:01.07 ID:ZmxODUq0H(1) AAS
EchoAPIを使用してCSSアニメーションを駆動するAPIをテストすることで、予想通りの動作をすべて容易に確保することができるよ
605: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ e758-WFUB) [sage] 2024/12/02(月) 23:43:39.12 ID:ae2qyMhP0(1) AAS
な、age厨だろ👆
上下前次1-新書関写板覧索設栞歴
あと 397 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.021s