From 711f61d93db982373a4a3a08349830d50a4a063e Mon Sep 17 00:00:00 2001 From: thornbill Date: Sat, 25 May 2024 11:50:47 -0400 Subject: [PATCH] Backport pull request #5590 from jellyfin-web/release-10.9.z Fix positioning of the main animated page elements Original-merge: f7f5ac99b05f321cf43290c6bcf533332b8744bd Merged-by: thornbill Backported-by: Joshua M. Boniface --- 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 43b25b1495d..c001150fc5c 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 a5f8312e8c1..b9cb74f5459 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