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