From 7342e43bd420f75510c0e4a81a385753d084914d Mon Sep 17 00:00:00 2001 From: Bill Thornton Date: Thu, 23 May 2024 12:48:38 -0400 Subject: [PATCH] Fix positioning of the main animated page elements --- src/apps/dashboard/AppOverrides.scss | 6 +++++- src/apps/experimental/AppOverrides.scss | 6 +++++- 2 files changed, 10 insertions(+), 2 deletions(-) diff --git a/src/apps/dashboard/AppOverrides.scss b/src/apps/dashboard/AppOverrides.scss index 43b25b1495..c001150fc5 100644 --- a/src/apps/dashboard/AppOverrides.scss +++ b/src/apps/dashboard/AppOverrides.scss @@ -5,10 +5,14 @@ $mui-bp-md: 900px; $mui-bp-lg: 1200px; $mui-bp-xl: 1536px; +$drawer-width: 240px; + // Fix dashboard pages layout to work with drawer .dashboardDocument { .mainAnimatedPage { - position: relative; + @media all and (min-width: $mui-bp-md) { + left: $drawer-width; + } } .skinBody { diff --git a/src/apps/experimental/AppOverrides.scss b/src/apps/experimental/AppOverrides.scss index a5f8312e8c..b9cb74f545 100644 --- a/src/apps/experimental/AppOverrides.scss +++ b/src/apps/experimental/AppOverrides.scss @@ -5,9 +5,13 @@ $mui-bp-md: 900px; $mui-bp-lg: 1200px; $mui-bp-xl: 1536px; +$drawer-width: 240px; + // Fix main pages layout to work with drawer .mainAnimatedPage { - position: relative; + @media all and (min-width: $mui-bp-md) { + left: $drawer-width; + } } // Hide some items from the user "settings" page that are in the drawer