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

Update Dashboard Tab Pointer Events for Enhanced Interaction
All checks were successful
farmcontrol/farmcontrol-ui/pipeline/head This commit looks good
Details

Browse Source 
- Changed pointer events for dashboard tab elements to improve user interaction, ensuring that the close button is responsive while maintaining a consistent experience across the dashboard.
- Adjusted CSS properties to refine the visual behavior of tab elements during user interactions.
This commit is contained in:
Tom Butcher 2026-09-18 15:54:29 +01:00
parent e44f0b2ead
commit d9f3bb185f
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
assets/stylesheets/App.css
View File

@ -3892,7 +3892,7 @@ body.objectKanbanColumnResizing * {
} }
.dashboard-tab-sticky-clone[data-edge] .dashboard-tab-item { .dashboard-tab-sticky-clone[data-edge] .dashboard-tab-item {
pointer-events: auto; pointer-events: none;
box-sizing: border-box; box-sizing: border-box;
width: var(--tab-sticky-width); width: var(--tab-sticky-width);
min-width: var(--tab-sticky-width); min-width: var(--tab-sticky-width);
@ -3924,8 +3924,8 @@ body.objectKanbanColumnResizing * {
overflow: hidden; overflow: hidden;
} }
.dashboard-tab-sticky-clone[data-faded='true'] .dashboard-tabs-label { .dashboard-tab-sticky-clone[data-edge] .dashboard-tabs-close {
pointer-events: none; pointer-events: auto;
} }
.dashboard-tabs-close { .dashboard-tabs-close {
@ -3937,6 +3937,7 @@ body.objectKanbanColumnResizing * {
width: 16px; width: 16px;
height: 16px; height: 16px;
margin-left: 1px; margin-left: 1px;
margin-right: -2px;
border-radius: 8px; border-radius: 8px;
color: var(--color-text-secondary, inherit); color: var(--color-text-secondary, inherit);
opacity: 0.7; opacity: 0.7;