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

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

Browse Source 
- 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
1 changed files with 6 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
assets/stylesheets/App.css
View File

@ -702,17 +702,9 @@ body {
min-width: 0 !important;
max-width: 100% !important;
flex: 0 0 100% !important;
transition:
all 0.3s cubic-bezier(0.2, 0, 0, 1) 0s,
background 0s;
transition: none;
}
.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 --- */
.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);
}
.adaptive-splitter.is-ready:not(.is-dragging)
> .adaptive-splitter-panel.ant-splitter-panel.dashboard-splitter-content-panel {
transition: none;
}
.farmcontrol-splitter
.ant-splitter-panel:has(~ .ant-splitter-panel)
.info-collapse.ant-collapse.ant-collapse-icon-position-end