fix(frontend): update margin styling to fix breakpoint issue

kubeflow · Feb 6, 2025 · 7fbf591 · 7fbf591
1 parent 896450e
commit 7fbf591
Showing 1 changed file with 6 additions and 10 deletions.
diff --git a/clients/ui/frontend/src/shared/style/MUI-theme.scss b/clients/ui/frontend/src/shared/style/MUI-theme.scss
@@ -813,13 +813,9 @@
   }
 }
 
-@media (min-width: 1200px) {
-  .mui-theme .pf-v6-c-page__main-container {
-    margin-left: calc(-2 * var(--mui-spacing-16px));
-  }
-
-  .mui-theme .pf-v6-c-page__main-section {
-    --pf-v6-c-page__main-section--PaddingInlineStart: none;
-    --pf-v6-c-page__main-section--PaddingInlineEnd: none;
-  }
-}
+.pf-v6-c-page__sidebar:not(.pf-m-collapsed)+.pf-v6-c-page__main-container,
+.pf-v6-c-page__sidebar:not(.pf-m-collapsed)+.pf-v6-c-page__drawer {
+  --pf-v6-c-page__main-container--MarginInlineStart: calc(-2 * var(--mui-spacing-16px));
+  --pf-v6-c-page__main-section--PaddingInlineStart: none;
+  --pf-v6-c-page__main-section--PaddingInlineEnd: none;
+}