インデントに縦線を表示するUserCSS
Scrapboxの箇条書きのインデントに縦線を表示して、インデントの階層がはっきりわかるようにするためのUserCSS
スマホのような狭い画面では親階層を見失うことが多いので、重宝している
サンプル
ソースコード
色に関する記述は省略している。
現状インデントが深いページは少ないので無効化してある。
style.css.indent-mark {
height: 100% !important;
}
.indent-mark .pad {
height: 100% !important;
overflow: unset !important;
}
.indent-mark span:not(:nth-last-child(1)):not(:nth-last-child(2)) .pad {
border-right: 2px solid rgb(255,255,255,0.2); /* 色の指定 */
}