インデントに縦線を表示するUserCSS
Scrapboxの箇条書きのインデントに縦線を表示して、インデントの階層がはっきりわかるようにするためのUserCSS
スマホのような狭い画面では親階層を見失うことが多いので、重宝しているMijinko_SD.icon
サンプル
https://gyazo.com/23b9a5a9b525c475621d659ac192623c https://gyazo.com/8ca91044ed861c1742eed22da9a488db
Raspberry Pi OS Liteの初回セットアップメモ
ソースコード
改造元ソース：/villagepump/borderでインデントに縦線を表示するUserCSS
色に関する記述は省略している。
現状インデントが深いページは少ないので無効化してある。
code: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); /* 色の指定 */
}