userChrome.css・userContent.cssスレ Part14 (960ﾚｽ)
上下前次1-新
抽出解除 必死ﾁｪｯｶｰ(本家) (べ) 自ID ﾚｽ栞 あぼーん
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;
省12
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); /* スライドイン */
}
省5
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;
省18
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