Just show active chevron for sorted table column

[geichelberger]

Only display the active chevron for sorted table columns. Previously, both chevrons were visible, with one highlighted when a column was sorted; now the opposite chevron is hidden, and the vertical offset only applies when both are displayed.

[Arnei]

What issue is this trying to solve? Double chevrons are perfectly conventional as far as I'm aware.

[geichelberger]

You need pretty good eyes to recognize the sort order. I just copied the approach our UX designers created for another tool.

vs

[Arnei]

Gotcha. I'm not a fan of using single chevrons in this case. While it is a serviceable solution, it makes the ui appear inconsistent. Having one arrow where there were two before is confusing, especially when all other columns still display two arrows.

Personally I would first check if upping the contrast helps. If that is not enough we could also consider filled-in triangles instead of chevrons (https://react-icons.github.io/react-icons/search/#q=faCaretUp). And if single chevron is truly the only remaining option, we might want to consider removing double chevrons altogether.

[geichelberger]

We could hide the double arrows and only show them on hover. Like https://mui.com/material-ui/react-table/

[geichelberger]

Hidden chevron with accessibility support:

2026-09-15.13-30.Bildschirm.OC.Studio.webm