opensource/WeKnora
3
0
Fork 0
mirror of https://github.com/Tencent/WeKnora.git synced 2026-09-19 02:18:25 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(knowledge-base): restore hover feedback on selected list rows

Browse Source 
The previous list-view tone refinement set the selected-row hover
background to var(--td-brand-color-light), which is aliased to
var(--td-brand-color-1) — the same value used as the static selected
background. Hovering a selected row produced no visible change, leaving
users without feedback for what was clickable.

Use color-mix() to blend brand-color-1 with a touch of brand-color so
the hover delta is visible in both light and dark themes, without
reverting to the saturated brand-color-2 the original code used.
This commit is contained in:
nullkey
2026-04-29 14:28:56 +08:00
committed by lyingbug
parent 48a764b866
commit a40f191430
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/knowledge/components/DocumentListView.vue
+7 -1
View File
@@ -325,7 +325,13 @@ const handleAction = (action: 'edit' | 'reparse' | 'move' | 'delete', item: Know
background: var(--td-brand-color-1, #f2f5fc);
box-shadow: inset 3px 0 0 var(--td-brand-color, #0052d9);
&:hover { background: var(--td-brand-color-light, #e8eefc); }
// brand-color-light alias maps back to brand-color-1, so a plain
// var() swap produces no visible hover delta. Mix in a touch of
// brand-color so the hover state is perceptible in both light and
// dark themes without falling back to the saturated brand-color-2.
&:hover {
background: color-mix(in srgb, var(--td-brand-color-1) 75%, var(--td-brand-color));
}
}
&:hover .row-more-btn,