インデントを数字で表示するUserCSS
箇条書きを狭くするUserCSSと競合します
01234567890123456789+
<- 浅い　　　　　　深い->
最大20段階の対応です
まだバグが多いです
https://gyazo.com/904b86e7843580d9bc251423d0b5dbce=>https://gyazo.com/85cf244ca273bea071f2c910b1cc6b59
作ってみましたが、使いにくいので解除しますbsahd.icon
test1
test2
インデントの途中(スペース)にカーソルを合わせると
code:test
table:test
a b
table:test
a b
test1
test2
test3
https://gyazo.com/e42a05f59815552c35a33acb8825cfb9https://gyazo.com/7becfbb35a18ad133719b9465103daa8みたいな表示になる
bsahd.iconusercss.icon
code:style.css
main.page>div#editor.editor>div>div.lines>.line:not(.line-title)>span::before {
content: '0';
display: inline-block;
width: 1.5em;
position: absolute;
left: 0;
top: 0;
}
main.page>div#editor.editor>div>div.lines>.line:not(.line-title)>span {
margin-left: 1.5em;
}
main.page>div#editor.editor>div>div.lines>.line .text .indent-mark {
width: unset !important;
}
main.page>div#editor.editor>div>div.lines>.line .table-block .indent,.line .text.code-block.start .indent{
display:inline-block;
}
main.page>div#editor.editor>div>div.lines>.line .indent-mark .dot {
left: calc(1.5em - 8px);
top: 12px;
}
.indent {
margin-left: 0 !important;
}
main.page>div#editor.editor>div>div.lines>.line:not(.line-title)>span:has(.indent-mark .c-0) .indent-mark .char-index .pad {
width: calc(1.5em / (0 + 1));
}
main.page>div#editor.editor>div>div.lines>.line:not(.line-title)>span:has(.indent-mark .c-1) .indent-mark .char-index .pad {
width: calc(1.5em / (1 + 1));
}
main.page>div#editor.editor>div>div.lines>.line:not(.line-title)>span:has(.indent-mark .c-2) .indent-mark .char-index .pad {
width: calc(1.5em / (2 + 1));
}
main.page>div#editor.editor>div>div.lines>.line:not(.line-title)>span:has(.indent-mark .c-3) .indent-mark .char-index .pad {
width: calc(1.5em / (3 + 1));
}
main.page>div#editor.editor>div>div.lines>.line:not(.line-title)>span:has(.indent-mark .c-4) .indent-mark .char-index .pad {
width: calc(1.5em / (4 + 1));
}
main.page>div#editor.editor>div>div.lines>.line:not(.line-title)>span:has(.indent-mark .c-5) .indent-mark .char-index .pad {
width: calc(1.5em / (5 + 1));
}
main.page>div#editor.editor>div>div.lines>.line:not(.line-title)>span:has(.indent-mark .c-6) .indent-mark .char-index .pad {
width: calc(1.5em / (6 + 1));
}
main.page>div#editor.editor>div>div.lines>.line:not(.line-title)>span:has(.indent-mark .c-7) .indent-mark .char-index .pad {
width: calc(1.5em / (7 + 1));
}
main.page>div#editor.editor>div>div.lines>.line:not(.line-title)>span:has(.indent-mark .c-8) .indent-mark .char-index .pad {
width: calc(1.5em / (8 + 1));
}
main.page>div#editor.editor>div>div.lines>.line:not(.line-title)>span:has(.indent-mark .c-9) .indent-mark .char-index .pad {
width: calc(1.5em / (9 + 1));
}
main.page>div#editor.editor>div>div.lines>.line:not(.line-title)>span:has(.indent-mark .c-10) .indent-mark .char-index .pad {
width: calc(1.5em / (10 + 1));
}
main.page>div#editor.editor>div>div.lines>.line:not(.line-title)>span:has(.indent-mark .c-11) .indent-mark .char-index .pad {
width: calc(1.5em / (11 + 1));
}
main.page>div#editor.editor>div>div.lines>.line:not(.line-title)>span:has(.indent-mark .c-12) .indent-mark .char-index .pad {
width: calc(1.5em / (12 + 1));
}
main.page>div#editor.editor>div>div.lines>.line:not(.line-title)>span:has(.indent-mark .c-13) .indent-mark .char-index .pad {
width: calc(1.5em / (13 + 1));
}
main.page>div#editor.editor>div>div.lines>.line:not(.line-title)>span:has(.indent-mark .c-14) .indent-mark .char-index .pad {
width: calc(1.5em / (14 + 1));
}
main.page>div#editor.editor>div>div.lines>.line:not(.line-title)>span:has(.indent-mark .c-15) .indent-mark .char-index .pad {
width: calc(1.5em / (15 + 1));
}
main.page>div#editor.editor>div>div.lines>.line:not(.line-title)>span:has(.indent-mark .c-16) .indent-mark .char-index .pad {
width: calc(1.5em / (16 + 1));
}
main.page>div#editor.editor>div>div.lines>.line:not(.line-title)>span:has(.indent-mark .c-17) .indent-mark .char-index .pad {
width: calc(1.5em / (17 + 1));
}
main.page>div#editor.editor>div>div.lines>.line:not(.line-title)>span:has(.indent-mark .c-18) .indent-mark .char-index .pad {
width: calc(1.5em / (18 + 1));
}
main.page>div#editor.editor>div>div.lines>.line:not(.line-title)>span:has(.indent-mark .c-19) .indent-mark .char-index .pad {
width: calc(1.5em / (19 + 1));
}
main.page>div#editor.editor>div>div.lines>.line:not(.line-title)>span:has(.indent-mark .c-0)::before {
content: '1';
}
main.page>div#editor.editor>div>div.lines>.line:not(.line-title)>span:has(.indent-mark .c-1)::before {
content: '2';
}
main.page>div#editor.editor>div>div.lines>.line:not(.line-title)>span:has(.indent-mark .c-2)::before {
content: '3';
}
main.page>div#editor.editor>div>div.lines>.line:not(.line-title)>span:has(.indent-mark .c-3)::before {
content: '4';
}
main.page>div#editor.editor>div>div.lines>.line:not(.line-title)>span:has(.indent-mark .c-4)::before {
content: '5';
}
main.page>div#editor.editor>div>div.lines>.line:not(.line-title)>span:has(.indent-mark .c-5)::before {
content: '6';
}
main.page>div#editor.editor>div>div.lines>.line:not(.line-title)>span:has(.indent-mark .c-6)::before {
content: '7';
}
main.page>div#editor.editor>div>div.lines>.line:not(.line-title)>span:has(.indent-mark .c-7)::before {
content: '8';
}
main.page>div#editor.editor>div>div.lines>.line:not(.line-title)>span:has(.indent-mark .c-8)::before {
content: '9';
}
main.page>div#editor.editor>div>div.lines>.line:not(.line-title)>span:has(.indent-mark .c-9)::before {
content: '0';
background: linear-gradient(90deg, #abff4f99, #abff4f99 49%, #ffffff 50%);
}
main.page>div#editor.editor>div>div.lines>.line:not(.line-title)>span:has(.indent-mark .c-10)::before {
content: '1';
}
main.page>div#editor.editor>div>div.lines>.line:not(.line-title)>span:has(.indent-mark .c-11)::before {
content: '2';
}
main.page>div#editor.editor>div>div.lines>.line:not(.line-title)>span:has(.indent-mark .c-12)::before {
content: '3';
}
main.page>div#editor.editor>div>div.lines>.line:not(.line-title)>span:has(.indent-mark .c-13)::before {
content: '4';
}
main.page>div#editor.editor>div>div.lines>.line:not(.line-title)>span:has(.indent-mark .c-14)::before {
content: '5';
}
main.page>div#editor.editor>div>div.lines>.line:not(.line-title)>span:has(.indent-mark .c-15)::before {
content: '6';
}
main.page>div#editor.editor>div>div.lines>.line:not(.line-title)>span:has(.indent-mark .c-16)::before {
content: '7';
}
main.page>div#editor.editor>div>div.lines>.line:not(.line-title)>span:has(.indent-mark .c-17)::before {
content: '8';
}
main.page>div#editor.editor>div>div.lines>.line:not(.line-title)>span:has(.indent-mark .c-18)::before {
content: '9';
}
main.page>div#editor.editor>div>div.lines>.line:not(.line-title)>span:has(.indent-mark .c-19)::before {
content: '+';
}