引用文中のインデントを通常の箇条書きにする
author: Nrem.icon
https://gyazo.com/239d9581186fb7a4508ea9b41573ad19
UserCSS.icon
from /nrem-configs/引用文中のインデントを通常の箇条書きにする
cf. 引用文の前のドットを消すUserCSS
2026-07-04 リファクタリング
2025-11-05 初版作成
1. 引用文中のインデントを●にする
app.css の中黒の箇条書き記号の内容で上書きする。
code:style.css
.line.quote-line .quote .indent-mark .dot {
display: block;
position: absolute;
right: 9px;
top: 10px;
width: 6px;
height: 6px;
border-radius: 50%;
}
2. 引用文中のインデントのテキストの折り返しを揃える
1.5em=.indent-markの既定のwidth
code:style.css
.line.quote-line .quote span:not(.char-index):has(> .indent-mark + .indent) {
display: inline-block;
max-width: calc(100% - 1.5em);
}
.line.quote-line .quote .indent {
display: inline-block;
}
使用例
https://gyazo.com/17f129a911eda4f260b16894a7285551
　　↓
https://gyazo.com/239d9581186fb7a4508ea9b41573ad19
#UserCSS