How to make the fold line icon more visible?


#1

Hi all,

I am looking for an option/stylesheet modification that will give a bigger icon next to the folded lines.
The first screenshot is from atom and the other one is from sublime. As you can see the one in atom looks very small and can not be easily identified in the entire file.

21 AM

59 AM

Any suggestions that can help achieve this?


#2

Try adding this to your styles.less:

atom-text-editor .fold-marker::after {
    font-size: 1.2em;
    line-height: 0.8em;
}

#3

Thanks. I was looking for something similar.
The line height behaviour is a little weird though.


#4

When you increase the font-size, the line-height will also increase. That second line is just to force the line-height for the fold marker to be the same size as or smaller than the surrounding text so that it doesn’t mess with the alignment of lines in the editor.

Although, on second thought, I should have set it as line-height: 0.1em, to support cases where people are using smaller text than I am.