Index of list item cannot be seen on high definition screen

[BYJRK]

Hello there. I found that when using Vue theme on Windows high definition screen (e.g. 4K, 200% scale), the index of list items cannot be seen (more specifically, the first digit cannot be seen, that is to say, 12. will only shows 2., while 1. will shows .).

Can anyone here help me fix this problem?

[blinkfox]

I have time to reproduce and solve this problem later.

[suiyun39]

I want solve this issue. but i don't have 4k screen. I will try setting DPI to 200% on my screen. hope can reappear this issue.

[suiyun39]

Now, I reappear this issue and found the reason. On vue.css: 286

#write ol li {
    padding-left: 0.5rem;
}

But i don't know this code whether has other effect. @blinkfox Can i delete it?

[blinkfox]

@NoDocCat You can delete it and check it out on 4k, 2k or normal screen. If the display is normal, then it is ok.

[suiyun39]

@blinkfox I try to use text-indent replace padding-left. But, I found some differences

first image is old theme.

look secondary list, it's left margin to shrink. Do you think this is acceptable?

[suiyun39]

Add some images. I sure it work at 200% DPI and 150% DPI

• 200% new theme
• 200% old theme
• 150% new theme
• 150% old theme

[blinkfox]

I can accept, the difference is small.