インデントレベルをわかりやすくする
デフォルトの挙動ではインデントが深くなってくると階層がわかりにくいため作成してみました。
↓のようになります。
style.css.app:not(.presentation) .indent-mark .char-index:not(:nth-last-child(1)):not(:nth-last-child(2)) {
position: relative;
}
.app:not(.presentation) .indent-mark .char-index:not(:nth-last-child(1)):not(:nth-last-child(2))::before {
content: " ";
position: absolute;
left: 43%;
margin: -4px 0;
border-left: 2px solid #dcdcdc; /* 色の指定 */
}Chromeの拡張機能としても提供しているので良かったら使ってみてください。
⇒インストールはこちら から
不具合等気がついた点がありましたら、お知らせいただけると助かります。
不具合ではないのですが、一行が長くなり折り返されても線が途切れないようにするためにはどうすればよいでしょうか？
作者です。貴重なご意見ありがとうございます。現状、折り返される想定で作っていなかったので難しい気がしています。どうにかできないか考えてみようと思います。気長にお待ち下さいmm
最後から2行目の部分は
border-left: 2px solid #dcdcdc; /* 色の指定 */ が正しいかとありがとうございますmm
another example /nishio/Settings#620280e0aff09e0000ee45d3
