farmcontrol/farmcontrol-ui
farmcontrol/farmcontrol-ui
2
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Update Dashboard Tab Hover and Color Styles for Enhanced Visual Feedback
All checks were successful
farmcontrol/farmcontrol-ui/pipeline/head This commit looks good
Details

Browse Source 
- Adjusted hover background color for inactive dashboard tab items to improve visibility.
- Refined color transition for dashboard tab close button, enhancing user interaction and visual consistency.
This commit is contained in:
Tom Butcher 2026-09-18 23:57:13 +01:00
parent ae2ea0dc13
commit 999c960339
1 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
assets/stylesheets/App.css
View File

@ -3688,7 +3688,7 @@ body.objectKanbanColumnResizing * {
} }
.dashboard-tab-item:not(.dashboard-tab-item-active):hover { .dashboard-tab-item:not(.dashboard-tab-item-active):hover {
background: color-mix(in srgb, #ffffff 35%, transparent); background: color-mix(in srgb, #ffffff 45%, transparent);
border: 1px solid var(--color-header-border); border: 1px solid var(--color-header-border);
} }
@ -3945,15 +3945,18 @@ body.objectKanbanColumnResizing * {
margin-left: 1px; margin-left: 1px;
margin-right: -2px; margin-right: -2px;
border-radius: 8px; border-radius: 8px;
color: var(--color-text-secondary, inherit); color: color-mix(
opacity: 0.7; in srgb,
var(--color-text-secondary, inherit) 70%,
transparent
);
cursor: pointer; cursor: pointer;
flex-shrink: 0; flex-shrink: 0;
transition: opacity 0.2s ease; transition: color 0.2s ease;
} }
.dashboard-tabs-close:hover { .dashboard-tabs-close:hover {
opacity: 1; color: var(--color-text-secondary, inherit);
} }
.dashboard-tabs-close::before { .dashboard-tabs-close::before {