Css for sorter arrow up or arrow down but not both

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

image

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 )
image
or the down arrow ( column is sorted )
image
but not when they appear both ( column not sorted )
image

Is this possible ?

Regards
Felix

Hi, @f.zehnder

Use the following styles to highlight the active sort direction:

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

Regards,
Maria.

1 Like