インデントに縦線を表示するUserCSS

階層を可視化するというのはいろんな人が色んなやり方しているみたいだけど

控えめに主張してほしい

あああ

あああ

あああ

あああ

ああああ

ああああ

ああああ

いいい

いいい

より自分好みの線に改変

code:style.css

@layer my-custom-css-layer {

@layer page-indent-mark-layer {

.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: 3px solid lightgray; /* 色の指定 */

}

}

}