poslop/palette
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases 2 Wiki Activity

Merge pull request 'Fix #209 r2: sort arrows immediately right of label text' (#218) from fix-209 into dev
CI / test (push) Successful in 47s
Details
CI / docker (push) Successful in 41s
Details

Browse Source
This commit was merged in pull request #218.
This commit is contained in:
fen
2026-09-10 18:17:39 +00:00
parent 13884ca786 89a9c173ca
commit 700b8252f0
3 changed files with 17 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
internal/web/static/app.css
+4 -5
View File
@@ -523,12 +523,11 @@ td .id-link:hover { color: var(--accent); }
th.sortable { cursor: pointer; user-select: none; }
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 rev: arrow sits IMMEDIATELY right of the label text (inline, small gap),
vertically centered, so the label text aligns with its column contents. */
th.sortable .sort-ind {
position: absolute; right: 8px; top: 50%; transform: translateY(-50%);
display: inline-block; width: 0; height: 0;
display: inline-block; margin-left: 6px; vertical-align: middle;
width: 0; height: 0;
border-left: 5px solid transparent; border-right: 5px solid transparent;
}
th.sorted.asc .sort-ind { border-bottom: 6px solid var(--accent); }