Very thin hollow/transparent gap/background between mini-map and scrollbar (on split editor)

microsoft / vscode

Visual Studio Code

https://code.visualstudio.com

MIT License

164.83k stars 29.5k forks source link

Very thin hollow/transparent gap/background between mini-map and scrollbar (on split editor) #213309

Open tabish-javed opened 6 months ago

tabish-javed commented 6 months ago

On Zoom level = -1, there is a tiny gap between mini-map and scrollbar where underlying text is visible, causing distraction. An screenshot attached.

Does this issue occur when all extensions are disabled?: Yes/No

YES

VS Code Version: 1.89.1
OS Version: macOS Sonoma 14.5

Steps to Reproduce:

Set zoom level to -1
Open split editor

alexdima commented 5 months ago

This is caused by using zoom level and the way it is implemented by Chromium and the way different rounding errors are handled. On a logical level, we position rectangles at pixel-perfect CSS coordinates. For pixel perfect screen rendering, please use zoom level 0 and adjust the font size.

tabish-javed commented 5 months ago

Thanks for the note @alexdima. I am using 24" 4K display usually, problem seems bigger on it, then the 14" MacBook screen. On without zoom, everything becomes bigger, using unnecessarily more space. Anyway, I will try disabling mini-map.