When a Views table display has sortable columns and one is sorted, the two icons (with CSS background-image) are overlapping:
.sortable-heading > a::after in /css/components/tables.css
.tablesort--desc, [dir="rtl"] .tablesort--desc and similars (--asc & @media queries) in /css/components/tablesort-indicator.css final lines.
Since the sortable indicator has already right: 1 rem; at tablesort-indicator.css:16, I propose setting it to right: 0;. An alternative would be to keep the .tablesort {} at right: 1 rem; and set right: 0; to the sorted asc/desc indicators in subsequent lines (+ @media queries), resulting in (instead of full overlap of the 2 icons):
Needs review
2.0
User interface
Hi @kopeboy
Can you please more details and any other steps to reproduce this steps Problem/Motivation by this am not able to understand the issue.
It will be really helpful if you add before screenshot or any video.
Thank you