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

Refine Dashboard Tab Hover Styles for Improved Visual Feedback

Browse Source 
- Updated hover styles for inactive dashboard tab items to enhance visual clarity and user interaction.
- Adjusted background and border properties for both light and dark modes, ensuring consistent appearance across themes.
This commit is contained in:
Tom Butcher 2026-09-18 23:52:37 +01:00
parent 877db10c09
commit ae2ea0dc13
1 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
assets/stylesheets/App.css
View File

@ -3688,13 +3688,12 @@ body.objectKanbanColumnResizing * {
} }
.dashboard-tab-item:not(.dashboard-tab-item-active):hover { .dashboard-tab-item:not(.dashboard-tab-item-active):hover {
background: var(--color-button-background); background: color-mix(in srgb, #ffffff 35%, transparent);
border: 1px solid border: 1px solid var(--color-header-border);
color-mix( }
in srgb,
var(--color-button-border) 40%, .dark-mode .dashboard-tab-item:not(.dashboard-tab-item-active):hover {
var(--color-button-background) background: color-mix(in srgb, #ffffff 2.75%, transparent);
);
} }
.dashboard-tab-item-active { .dashboard-tab-item-active {