Fix #209 r2: sort arrow inline immediately after the column label text
This commit is contained in:
@@ -525,10 +525,9 @@ th.sortable:hover { color: var(--fg); }
|
||||
th.sortable { cursor: pointer; user-select: none; white-space: nowrap; }
|
||||
/* #209: arrow sits RIGHT of the label, vertically centered, and absolutely
|
||||
positioned so it never shifts the label text; label aligns with column contents. */
|
||||
th.sortable { position: relative; padding-right: 24px; }
|
||||
/* #209 r2: arrow is inline immediately after the label text, not pinned to the column edge. */
|
||||
th.sortable .sort-ind {
|
||||
position: absolute; right: 8px; top: 50%; transform: translateY(-50%);
|
||||
display: inline-block; width: 0; height: 0;
|
||||
display: inline-block; width: 0; height: 0; margin-left: 5px;
|
||||
border-left: 5px solid transparent; border-right: 5px solid transparent;
|
||||
}
|
||||
th.sorted.asc .sort-ind { border-bottom: 6px solid var(--accent); }
|
||||
|
||||
Reference in New Issue
Block a user