Refactor CSS Transitions for Dashboard Components
All checks were successful
farmcontrol/farmcontrol-ui/pipeline/head This commit looks good
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:
parent
d5096dbba3
commit
4d7c6e9a4c
@ -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
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user