ScrapboxのドロップダウンメニューをサイドバーにするStylusUserCSS
/MISONLN41/Scrapboxのドロップダウンメニューをサイドバーとして使うUserCSSに書いてあったんだけど、割と便利なのでここで宣伝する
settingsやユーザーページに書くタイプのUserCSSじゃなくて、Stylusなどで使う前提のStylusUserCSS
UserCSS/userScriptを呼び分ける
無理やりサイドバー風にしているだけなので、プロジェクト側のUserCSSと衝突することがある
https://gyazo.com/3db2c4d016f1246db3aeecd248769281
code:style.css
:root {
--sidebar-width: 250px;
/*ここでサイドバーの幅を変えられる*/
}
body {
padding-right: 0 !important;
}
.global-menu.dropdown-menu {
overflow-y: scroll;
max-height: 100vh;
height: 100vh;
top: 0;
margin: 0;
border-radius: 0;
left: 0;
position: fixed;
display: block;
width: var(--sidebar-width) !important;
}
#app-container {
left: var(--sidebar-width);
position: relative;
width: calc(100% - var(--sidebar-width));
}
.global-menu li.guest-project a.button-delete {
display: block;
}
これはアリだなぁdnin.icon
邪魔だった...
個人Projectに導入してみたair34n.icon