gsadmin/Firelink
1
0
Fork 0
mirror of https://github.com/nimbold/Firelink.git synced 2026-07-26 12:08:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): show accent table affordances

Browse Source 
Selected download rows now use a stronger accent-derived background and inset outline across themes.

Column resize hit targets keep a subtle visible divider before hover, then switch to the accent color while hovered or dragged so users can locate splitters predictably.
This commit is contained in:
NimBold
2026-07-02 01:58:58 +03:30
parent 276446a4dd
commit 53982eaef1
1 changed files with 41 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/index.css
+41 -15
View File
@@ -1527,19 +1527,40 @@
padding-left: 0;
}
.column-resize-handle {
position: absolute;
top: 0;
right: -4px;
bottom: 0;
z-index: 5;
width: 8px;
cursor: col-resize;
}
.column-resize-handle {
position: absolute;
top: 0;
right: -4px;
bottom: 0;
z-index: 5;
width: 8px;
cursor: col-resize;
}
.column-resize-handle:hover {
background: hsl(var(--accent-color) / 0.18);
}
.column-resize-handle::after {
content: "";
position: absolute;
top: 8px;
bottom: 8px;
left: 50%;
width: 1px;
transform: translateX(-0.5px);
background: hsl(var(--border-color));
opacity: 0.7;
}
.column-resize-handle:hover,
body.is-resizing .column-resize-handle:hover {
background: hsl(var(--accent-color) / 0.16);
}
.column-resize-handle:hover::after,
body.is-resizing .column-resize-handle:hover::after {
width: 2px;
transform: translateX(-1px);
background: hsl(var(--accent-color));
opacity: 1;
}
.download-table-body {
flex: 1;
@@ -1587,9 +1608,14 @@ html[data-list-density="relaxed"] .download-ghost-row {
.download-row.is-selected {
background: hsl(var(--accent-color) / 0.15) !important;
}
.download-row.is-selected {
background: hsl(var(--accent-color) / 0.26) !important;
box-shadow: inset 0 0 0 1px hsl(var(--accent-color) / 0.28);
}
.download-row.is-selected:hover {
background: hsl(var(--accent-color) / 0.32) !important;
}
.download-row:hover {
background: hsl(var(--item-hover));