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

Fix #209: move sort arrows to the right of the column label
CI / test (pull_request) Successful in 45s
Details
CI / docker (pull_request) Skipped
Details

Browse Source
This commit is contained in:
fen
2026-09-10 13:02:22 -05:00
parent a49127eff2
commit 5039a76bec
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
internal/web/static/app.css
+4 -4
View File
@@ -528,11 +528,11 @@ td .id-link:hover { color: var(--accent); }
th.sortable { cursor: pointer; user-select: none; } th.sortable { cursor: pointer; user-select: none; }
th.sortable:hover { color: var(--fg); } th.sortable:hover { color: var(--fg); }
th.sortable { cursor: pointer; user-select: none; white-space: nowrap; } th.sortable { cursor: pointer; user-select: none; white-space: nowrap; }
/* #101: arrow sits LEFT of the label, further spaced, vertically centered, /* #209: arrow sits RIGHT of the label, vertically centered, and absolutely
and absolutely positioned so it never shifts the label text. */ positioned so it never shifts the label text; label aligns with column contents. */
th.sortable { position: relative; padding-left: 24px; } th.sortable { position: relative; padding-right: 24px; }
th.sortable .sort-ind { th.sortable .sort-ind {
position: absolute; left: 8px; top: 50%; transform: translateY(-50%); position: absolute; right: 8px; top: 50%; transform: translateY(-50%);
display: inline-block; width: 0; height: 0; display: inline-block; width: 0; height: 0;
border-left: 5px solid transparent; border-right: 5px solid transparent; border-left: 5px solid transparent; border-right: 5px solid transparent;
} }