テロメアの1段分の幅をもう少し広くしたい

長いページがまだページ分割されずに更新されている時期に

更新箇所をより見つけやすくするために

テロメアの1段分の幅をもう少し広くしたいです。

あまり目がよくないため、もう少し目立たせたいです。

UserCSSでできるかと思ったのですが、今は直接 .telomere-border の border-width が変わっているため難しそうです。

Streamからジャンプするとスクロール、ハイライトされるのですぐ見つけられるのですが

Streamは1つのタイミングに1つのページの複数箇所が変更されている場合に

最初の変更箇所のみがハイライトされます。

2つ目以降の変更箇所はハイライトされません。

あまりシンプルとは言えないですが、属性が直接書き換わっていても属性セレクタを使用すればUserCSSで対応可能です！yuta0801.icon

テロメア全体の幅を5pxつづ太くするならこう書けます

code:style.css

.line .telomere .telomere-borderstyle*="1px" { border-left-width: 5px !important; }

.line .telomere .telomere-borderstyle*="2px" { border-left-width: 6px !important; }

.line .telomere .telomere-borderstyle*="3px" { border-left-width: 7px !important; }

.line .telomere .telomere-borderstyle*="4px" { border-left-width: 8px !important; }

.line .telomere .telomere-borderstyle*="5px" { border-left-width: 9px !important; }

.line .telomere .telomere-borderstyle*="6px" { border-left-width: 10px !important; }

.line .telomere .telomere-borderstyle*="7px" { border-left-width: 11px !important; }

.line .telomere .telomere-borderstyle*="8px" { border-left-width: 12px !important; }

.line .telomere .telomere-borderstyle*="9px" { border-left-width: 13px !important; }

.line .telomere .telomere-borderstyle*="10px" { border-left-width: 14px !important; }

ちなみに[style*="1px"]でstyle属性の値に1pxを含むという意味です

ただこの方法は冗長である上に気づきにくく、機能として保証されるとは思えないので、大きい文字と同様にlevel-1のようなクラスが付いてくれるほうが理想ではあると思います

とても見やすくなりました！ありがとうございます！foldrr.icon