How can i remove the Gutter line for the new UI
I really like the new UI and I submit two feedbacks about 4 and 2 months ago to remove the line it is still there OR maybe i just do not know how to remove it I have uploaded 2 images where in one you can see the line close to the number (New UI) and in the other one there is no line (old UI)
how can i remove the line? In the old UI i could just disable the code folding and it would remove the line Editor > General > Code Folding
but does not work in the new UI
NEW UI IMAGE
Old UI Image
Please sign in to leave a comment.
Unfortunately, there is no way to remove this line in new UI yet, here is a ticket about:
https://youtrack.jetbrains.com/issue/IDEA-296452/Vertical-separator-line-near-the-editor-gutter-indent-guide-cannot-be-hidden
As a workaround, you may change its color to the one that matches the background via the "Settings/Preferences | Editor | Color Scheme | General, Editor | Guides | Indent guide".
Best Regards,
Vasiliy Yur
PhpStorm Support
hi sorry for the late relpy the workaround will not work for me since i change the color of all of the indent line and i want to see the line between braces to see where it end also when you select a text and since the background of the selected text changes (slightly ) it show the line in the selected place which is weird
anyways for now i will use the old new let me now which you fix this in the new UI
please remove this line, it's disgusting
Thank you Vasiliy Yur.
The workaround was exactly what I needed.
I came here to bump this as I also stumbled upon this.
As a new user, I always wanted to use Rider, but every time I gave trial a chance, I got turned of by absolutely brutal amount of visual clutter the IDE throws at user. Recently, Rider announced new, much simpler UI, so I gave trial another chance and I was almost sold. The turn off moment once again came when I opened an actual code file.
Instead of seeing clean code text with syntax highlight, I was staring at a dumpster of visual clutter.
I had to open overpopulated setting panel and find the magic sentence “Show hard wrap and visual guides” to remove ugly line in the middle of my text (In Unreal Engine codebase, line breaks usually aren't a thing so it's embarrassing Rider for Unreal comes with it on by default). Then I had to turn off the scope margin lines. But then, I could not find any to remove the gutter line.
VSCode is still a kind when it comes to UI clarity. Rider got close with the recent release, but it seems that while UX team did a great job cleaning up the UI, they forgot to clean up the text editor to match the clarity. To make a good impression on the first time user, the text editor area should come as clean out of the box as the UI, meaning both word wrap line as well as the gutter lines should be gone.
For comparison this is what the Rider users sees out of the box:
vs what VSCode user sees out of the box:
Much cleaner view of the code without any extra lines, with properly antialiased, sharp font and syntax highlight colors that aren't washed out/muddy.
It'd be appropriate to bring the text editor are on the same level as the new UI outside the text editor.