Table sort icons are overlapping

Created on 10 June 2023, over 1 year ago

Problem/Motivation

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?rw1e1d
.tablesort--desc, [dir="rtl"] .tablesort--desc in /css/components/tablesort-indicator.css

Proposed resolution

Since the sortable indicator has already right: 1 rem;, I propose adding right: 0; to .tablesort--desc, [dir="rtl"] .tablesort--desc in /css/components/tablesort-indicator.css

Resulting in (instead of full overlap of the icons):

🐛 Bug report
Status

Needs review

Version

2.0

Component

User interface

Created by

🇮🇹Italy kopeboy Milan

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024