[過去ログ] userChrome.css・userContent.cssスレ Part14 (1002レス)
1-

このスレッドは過去ログ倉庫に格納されています。
次スレ検索 歴削→次スレ 栞削→次スレ 過去ログメニュー
585
(1): 名無しさん@お腹いっぱい。 (ワッチョイ f7cf-wRxM) [sage] 2024/11/29(金) 04:42:43.98 ID:vFolAiBf0(1) AAS
>>581
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;

これ削除で取り敢えず動く
只動くけどサイドバー開閉でとページが縮んだり元に戻り動くのでそこは誰か頼む
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厨だろ👆
606
(1): 名無しさん@お腹いっぱい。 (ワッチョイW 2ead-2VQR) [] 2024/12/03(火) 19:37:56.67 ID:FXmEhGs20(1/3) AAS
>>568
568(1): 名無しさん@お腹いっぱい。 (ワッチョイ ffb2-ZGYG) [sage] 2024/11/27(水) 12:26:14.44 ID:XNKFecZQ0(1) AAS
Firefox 133.0 にしたら、ブックマークボタンの星の非表示が効かなくなりました。
以下ですが、どのように修正すればいいでしょうか。よろしくお願いします。

/*
URLバーのブックマークボタンをブックマークの下あたりのコンテンツ領域に配置することで隠す。
ver.108 以降は display プロパティ や visibility プロパティで隠すと、
ブックマークしたときのブックマーク編集パネルも表示されなくなってしまう。
メニュー下に置くのはブックマーク編集パネルを開いたとき、
キー操作やマウスオーバーしないままでいると一定時間でパネルが閉じてしまう問題への一時策を兼ねる。
この位置はメニューの「ブックマーク」→「現在のタブをブックマーク」
をクリックした直後のマウスポインターの下になるので、
この経路で表示させたときは自動的に閉じるのを防げる。
「アドレスバーの使用時に表示する候補」の「ショートカット」にチェックが入っていると星が表示される。
*/
#star-button-box { /* URLバーの☆は「ブックマーク」下近辺に隠す */
position: fixed !important;
top: 91px !important;
left: 209px !important;
z-index: -1 !important;
}
#editBookmarkPanel { /* メニューの「ブックマーク」直下に表示 */
margin-top: -102px !important;
margin-right: -286px !important;
}
についてどなたか修正方法分かりませんでしょうか
具体的には図のようにver.133から表示されてしまうブックマークの星を
有効のままコンテンツ領域の裏に隠したいです
z-index:-1000 !important; ではだめでした
//i.imgur.com/qtEoezr.png
607: 名無しさん@お腹いっぱい。 (ワッチョイ e758-WFUB) [sage] 2024/12/03(火) 21:45:45.60 ID:8AX3Xama0(1) AAS
な、age厨だろ👆
608
(1): 名無しさん@お腹いっぱい。 (ワッチョイ e2be-GrjS) [] 2024/12/03(火) 21:55:09.91 ID:bMktxQLz0(1) AAS
>>606
:root {
--my-star-button-box-offset: 28px;
}
#star-button-box { /* URLバーの☆はウィンドウの左上に隠す */
position: fixed !important;
top: calc(-1 * var(--my-star-button-box-offset)) !important;
left: calc(-1 * var(--my-star-button-box-offset)) !important;
direction: rtl !important;
}
#editBookmarkPanel { /* メニューの「ブックマーク」直下に表示 */
margin-top: calc(var(--my-star-button-box-offset) - 1rem) !important;
margin-left: calc(var(--my-star-button-box-offset) + 17rem) !important;
}
609
(1): 名無しさん@お腹いっぱい。 (ワッチョイ b4c4-ODz4) [sage] 2024/12/03(火) 22:06:23.35 ID:yFWvQV6L0(1) AAS
いちいち絶対位置にせずとも右マージンにネガティブマージンを与えれば隠せる
あとタブのコンテキストメニューからブックマークすれば編集できるけどそれじゃダメなのか
1-
あと 393 レスあります
スレ情報 赤レス抽出 画像レス抽出 歴の未読スレ AAサムネイル

ぬこの手 ぬこTOP 0.032s