userChrome.css・userContent.cssスレ Part14 (923レス)
前次1-
抽出解除 必死チェッカー(本家) (べ) 自ID レス栞 あぼーん

リロード規制です。10分ほどで解除するので、他のブラウザへ避難してください。
577: (ワッチョイ 176c-dJoR) 2024/11/28(木)17:21 ID:8ZbVWJKh0(1/5)調 AAS
Firefox133.0用サイドバーの自動開閉
ちょっと長いから分割する
/* サイドバーのカスタマイズ */
:root {
--thin-tab-width: 15px;
--wide-tab-width: 220px;
}

#sidebar-box {
position: relative !important;
overflow-x: hidden !important;
min-width: var(--thin-tab-width) !important;
max-width: var(--thin-tab-width) !important;
box-shadow: 0 0 2px 0 rgba(0,0,0,.35);
z-index: 1 !important;
transition: min-width 0.2s ease, max-width 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

#sidebar-box:hover {
min-width: var(--wide-tab-width) !important;
max-width: var(--wide-tab-width) !important;
box-shadow: 0 0 5px 0 rgba(0,0,0,.35);
transform: translateX(0);
}
578: (ワッチョイ 176c-dJoR) 2024/11/28(木)17:21 ID:8ZbVWJKh0(2/5)調 AAS
続き

#sidebar-box>#sidebar {
visibility: hidden !important; /* opacity -> visibility に変更 */
transform: translateX(-100%); /* 初期状態でサイドバーを隠す */
transition: visibility 0.2s, transform 0.2s ease; /* transformを使用 */
}

#sidebar-box:hover>#sidebar {
visibility: visible !important; /* hoverで表示 */
transform: translateX(0); /* スライドイン */
}

#sidebar-splitter {
cursor: ew-resize;
width: 5px;
background-color: #ccc;
}
579: (ワッチョイ 176c-dJoR) 2024/11/28(木)17:23 ID:8ZbVWJKh0(3/5)調 AAS
後は上手く短くしてくれ
580: (ワッチョイ 176c-dJoR) 2024/11/28(木)17:33 ID:8ZbVWJKh0(4/5)調 AAS
/* サイドバーを自動開閉するようにする (左側用)色々削ってみた*/
:root {
--thin-tab-width: 15px;
--wide-tab-width: 220px;
}

#sidebar-box {
position: relative !important;
overflow-x: hidden !important;
min-width: var(--thin-tab-width) !important;
max-width: var(--thin-tab-width) !important;
box-shadow: 0 0 2px 0 rgba(0,0,0,.35);
z-index: 1 !important;
transition: min-width 0.2s ease, max-width 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

#sidebar-box:hover {
min-width: var(--wide-tab-width) !important;
max-width: var(--wide-tab-width) !important;
box-shadow: 0 0 5px 0 rgba(0,0,0,.35);
transform: translateX(0);
}

#sidebar-box>#sidebar {
opacity: 0 !important;
}
#sidebar-box:hover>#sidebar {
opacity: 1 !important;
}
#sidebar-splitter {
}
581
(1): (ワッチョイ 176c-dJoR) 2024/11/28(木)18:11 ID:8ZbVWJKh0(5/5)調 AAS
色々試したら
/* サイドバーを自動開閉するようにする (左側用)*/
使ってる人は

#sidebar-box:hoverの

margin-right: calc((var(--wide-tab-width) - var(--thin-tab-width)) * -1) !important;

これ削除で取り敢えず動く
只動くけどサイドバー開閉でとページが縮んだり元に戻り動くのでそこは誰か頼む
前次1-
スレ情報 赤レス抽出 画像レス抽出 歴の未読スレ AAサムネイル

ぬこの手 ぬこTOP 0.039s