Css for sorter arrow up or arrow down but not both

[f.zehnder]

If a column is allowed to be sorted, there are an arrow up and an arrow down ( in blue )

To color these arrows, i can use

vaadin-grid-sorter::part(indicators) { color: blue; }

I would like only color the up arrow ( column is sorted )

or the down arrow ( column is sorted )

but not when they appear both ( column not sorted )

Is this possible ?

Regards
Felix

[m.orlova (Maria Orlova)]

Hi, @f.zehnder

Use the following styles to highlight the active sort direction:

vaadin-grid-sorter[direction]::part(indicators) {
    color: blue;
}

Regards,
Maria.