From 76b6c4c9eac22356147ef9ace7d7c1393c271039 Mon Sep 17 00:00:00 2001 From: loof2736 Date: Sun, 3 Dec 2023 06:07:13 -0500 Subject: [PATCH] Fixed scaling issues --- .../disable-static-drawer-backdrop.css | 30 ++++++++++++++----- CSS/css-scyfin/disable-static-drawer.css | 30 ++++++++++++++----- 2 files changed, 46 insertions(+), 14 deletions(-) diff --git a/CSS/css-scyfin/disable-static-drawer-backdrop.css b/CSS/css-scyfin/disable-static-drawer-backdrop.css index 213e4f4..b702e4e 100644 --- a/CSS/css-scyfin/disable-static-drawer-backdrop.css +++ b/CSS/css-scyfin/disable-static-drawer-backdrop.css @@ -6,7 +6,7 @@ } /* Un-static left drawer */ -.layout-desktop .mainDrawer { +.layout-desktop .mainDrawer:not(.dashboardDocument .mainDrawer) { left: -345px !important; width: 275px !important; /* Move drawer behind header */ @@ -38,13 +38,19 @@ } /* Show hamburger button */ -.layout-desktop .mainDrawerButton { +.layout-desktop .mainDrawerButton:not(.dashboardDocument .mainDrawerButton) { display: inline-flex !important; } -/* Fix for dashboard height */ +/* Fix for dashboard */ .layout-desktop .dashboardDocument .mainDrawer { top: 0px !important; + left: 0px !important; + width: 300px !important; + z-index: 998 !important; +} +.layout-desktop .dashboardDocument .mainDrawer-scrollContainer { + padding-top: 75px !important; } /* Re-center header buttons */ @@ -66,11 +72,21 @@ } /* Background for home, hamburger, and Jellyfin */ -.layout-desktop .headerLeft { - top: -3px !important; +.layout-desktop .headerLeft::before { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 270px; + height: 45px; background-color: rgba(35, 35, 35, 0.5) !important; border-radius: 50px !important; backdrop-filter: blur(50px) !important; - padding: 2px !important; - margin-right: 1180px !important; } +.layout-desktop .headerLeft { + padding: 2px !important; + top: -3px !important; +} +.layout-desktop .pageTitle { + z-index: 1099 !important; +} \ No newline at end of file diff --git a/CSS/css-scyfin/disable-static-drawer.css b/CSS/css-scyfin/disable-static-drawer.css index 3101add..fbb2357 100644 --- a/CSS/css-scyfin/disable-static-drawer.css +++ b/CSS/css-scyfin/disable-static-drawer.css @@ -6,7 +6,7 @@ } /* Un-static left drawer */ -.layout-desktop .mainDrawer { +.layout-desktop .mainDrawer:not(.dashboardDocument .mainDrawer) { left: -320px !important; /* Move drawer behind header */ z-index: 1099 !important; @@ -32,13 +32,19 @@ } /* Show hamburger button */ -.layout-desktop .mainDrawerButton { +.layout-desktop .mainDrawerButton:not(.dashboardDocument .mainDrawerButton) { display: inline-flex !important; } -/* Fix for dashboard height */ +/* Fix for dashboard */ .layout-desktop .dashboardDocument .mainDrawer { top: 0px !important; + left: 0px !important; + width: 300px !important; + z-index: 998 !important; +} +.layout-desktop .dashboardDocument .mainDrawer-scrollContainer { + padding-top: 75px !important; } /* Re-center header buttons */ @@ -60,11 +66,21 @@ } /* Background for home, hamburger, and Jellyfin */ -.layout-desktop .headerLeft { - top: -3px !important; +.layout-desktop .headerLeft::before { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 270px; + height: 45px; background-color: rgba(35, 35, 35, 0.5) !important; border-radius: 50px !important; backdrop-filter: blur(50px) !important; - padding: 2px !important; - margin-right: 1180px !important; } +.layout-desktop .headerLeft { + padding: 2px !important; + top: -3px !important; +} +.layout-desktop .pageTitle { + z-index: 1099 !important; +} \ No newline at end of file