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

参考

いいところ

1行の文字数が多くて折り返されてもちゃんと縦線が引かれる

ヨイショ～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～

ヨイショ～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～

ヨイショ～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～オイショ～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～

ヨイショ～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～

悪い？ところ

ドットの真ん中に線が引かれるわけではない

右よりに引かれる

が、これは普通になれる

直さなければ行けないところ

修正した

code:indent.css

.lines .line .indent-mark {

height: 100%;

}

.lines .line .table-block .indent-mark {

height: auto; /*tableは除外する*/

}

.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: 1px solid var(--indent-color);

}