Refactor CSS Transitions for Dashboard Components
All checks were successful
farmcontrol/farmcontrol-ui/pipeline/head This commit looks good

- Removed transition effects from body and adaptive splitter panels to enhance performance and responsiveness.
- Cleaned up unnecessary CSS rules related to the dashboard sidebar, simplifying the layout and improving maintainability.
This commit is contained in:
Tom Butcher 2026-09-25 20:44:16 +01:00
parent d5096dbba3
commit 4d7c6e9a4c

View File

@ -702,17 +702,9 @@ body {
min-width: 0 !important; min-width: 0 !important;
max-width: 100% !important; max-width: 100% !important;
flex: 0 0 100% !important; flex: 0 0 100% !important;
transition: transition: none;
all 0.3s cubic-bezier(0.2, 0, 0, 1) 0s,
background 0s;
} }
.dashboard-sider.ant-layout-sider-collapsed {
width: var(--dashboard-sidebar-collapsed-width, 80px) !important;
min-width: var(--dashboard-sidebar-collapsed-width, 80px) !important;
max-width: var(--dashboard-sidebar-collapsed-width, 80px) !important;
flex: 0 0 var(--dashboard-sidebar-collapsed-width, 80px) !important;
}
/* --- End of src/components/Dashboard/common/DashboardSidebar.css --- */ /* --- End of src/components/Dashboard/common/DashboardSidebar.css --- */
.objectTableDescritions > .ant-descriptions-view > table { .objectTableDescritions > .ant-descriptions-view > table {
@ -1543,6 +1535,11 @@ span.ant-skeleton-input.ant-skeleton-input-sm.text-skeleton {
cubic-bezier(0.2, 0, 0, 1); cubic-bezier(0.2, 0, 0, 1);
} }
.adaptive-splitter.is-ready:not(.is-dragging)
> .adaptive-splitter-panel.ant-splitter-panel.dashboard-splitter-content-panel {
transition: none;
}
.farmcontrol-splitter .farmcontrol-splitter
.ant-splitter-panel:has(~ .ant-splitter-panel) .ant-splitter-panel:has(~ .ant-splitter-panel)
.info-collapse.ant-collapse.ant-collapse-icon-position-end .info-collapse.ant-collapse.ant-collapse-icon-position-end