From 0f962980d4a9c2c2bf6c81a25d18fa653e13dcfe Mon Sep 17 00:00:00 2001
From: loof2736 <joshwilberger27@gmail.com>
Date: Sun, 9 Jun 2024 22:37:22 -0400
Subject: [PATCH] Fix backdrop detection for Jellyfin Media Player

---
 CSS/disable-static-drawer.css | 28 +++++++++++++++++++----
 CSS/scyfin-theme.css          | 43 +++++++++++++++++++++++------------
 2 files changed, 52 insertions(+), 19 deletions(-)

diff --git a/CSS/disable-static-drawer.css b/CSS/disable-static-drawer.css
index bda4ac6..4a2c909 100644
--- a/CSS/disable-static-drawer.css
+++ b/CSS/disable-static-drawer.css
@@ -4,21 +4,29 @@
     width: 100px !important;
     margin: 0 1em 0 .5em !important;
 }
+[dir="ltr"] .pageTitle {
+    margin: 0 1em 0 .5em !important;
+}
 
 /* Un-static left drawer */
 .layout-desktop .mainDrawer:not(.dashboardDocument) {
     left: -320px !important;
     z-index: 1099 !important;
-    border-radius: var(--rounded-cards) !important;
+    border-top-right-radius : var(--rounded-cards) !important;
+    border-bottom-right-radius : var(--rounded-cards) !important;
+    background: var(--secondary-background-color) !important;
+    backdrop-filter: none !important;
 }
 .layout-desktop:has(.backgroundContainer.withBackdrop) .mainDrawer:not(.dashboardDocument) {
     width: 275px !important;
     background-color: var(--primary-background-transparent) !important;
     backdrop-filter: blur(var(--blur)) !important;
 }
-.layout-desktop:has(#itemDetailPage.noBackdropTransparency) .mainDrawer:not(.dashboardDocument) {
-    background: var(--secondary-background-color) !important;
-    backdrop-filter: none !important;
+@supports not selector(:has(*)) {
+    .layout-desktop .backgroundContainer.withBackdrop + div .mainDrawer {
+        background: var(--secondary-background-color) !important;
+        backdrop-filter: none !important;
+    }
 }
 
 /* Lower drawer buttons */
@@ -80,7 +88,17 @@
     top: -3px !important;
     background-color: var(--primary-background-transparent) !important;
     border-radius: 50px !important;
-    backdrop-filter: blur(50px) !important;
+    backdrop-filter: blur(var(--blur)) !important;
+}
+/* Fix for JMP */
+@supports not selector(:has(*)) {
+    .layout-desktop .headerLeft {
+        padding: 2px !important;
+        top: -3px !important;
+        background-color: var(--primary-background-transparent) !important;
+        border-radius: 50px !important;
+        backdrop-filter: blur(var(--blur)) !important;
+    }
 }
 .headerLeft {
     flex-grow: 0 !important;
diff --git a/CSS/scyfin-theme.css b/CSS/scyfin-theme.css
index 5420ade..2aae737 100644
--- a/CSS/scyfin-theme.css
+++ b/CSS/scyfin-theme.css
@@ -739,23 +739,23 @@ html,
 .layout-desktop .detailPagePrimaryContent {
     padding-left: 20.4vw !important;
 }
-.layout-desktop .detailPageWrapperContainer .detailPagePrimaryContent {
+/* Padding for 2:3 posters */
+.layout-desktop .detailPageWrapperContainer:has(.detailImageContainer .portraitCard) .detailPagePrimaryContent {
     min-height: 29vw !important;
 }
-/* Check for :has support (screw JMP) */
-@supports selector(:has(*)) {
-    /* Padding for 2:3 posters */
-    .layout-desktop .detailPageWrapperContainer:has(.detailImageContainer .portraitCard) .detailPagePrimaryContent {
+/* Padding for 1:1 posters */
+.layout-desktop .detailPageWrapperContainer:has(.detailImageContainer .squareCard) .detailPagePrimaryContent {
+    min-height: 20vw !important;
+} 
+/* Padding for 16:9 posters */
+.layout-desktop .detailPageWrapperContainer:has(.detailImageContainer .backdropCard) .detailPagePrimaryContent {
+    min-height: 12vw !important;
+}
+/* Fix for JMP */
+@supports not selector(:has(*)) {
+    .layout-desktop .detailPageWrapperContainer .detailPagePrimaryContent {
         min-height: 29vw !important;
     }
-    /* Padding for 1:1 posters */
-    .layout-desktop .detailPageWrapperContainer:has(.detailImageContainer .squareCard) .detailPagePrimaryContent {
-        min-height: 20vw !important;
-    } 
-    /* Padding for 16:9 posters */
-    .layout-desktop .detailPageWrapperContainer:has(.detailImageContainer .backdropCard) .detailPagePrimaryContent {
-        min-height: 12vw !important;
-    }
 }
 
 /* Move track selection box */
@@ -1014,12 +1014,27 @@ html,
 }
 
 /* Transparent drawer */
-.layout-desktop:has(.backgroundContainer.withBackdrop) .mainDrawer {
+.layout-desktop .backgroundContainer.withBackdrop + div .mainDrawer {
     background: linear-gradient(to right, #10101090, transparent) !important;
 }
 .layout-desktop:has(#itemDetailPage.noBackdropTransparency) .mainDrawer {
     background: var(--secondary-background-color) !important;
 }
+/* Fix for JMP */
+@supports not selector(:has(*)) {
+    .layout-desktop .backgroundContainer.withBackdrop + div .mainDrawer {
+        background: transparent !important;
+    }
+    #itemDetailPage.noBackdropTransparency::after {
+        position: fixed;
+        content: "";
+        top: 0;
+        left: 0;
+        height: 100%;
+        width: 250px;
+        background: var(--secondary-background-color);
+    }
+}
 
 /* Blur buttons */
 .layout-desktop:has(.backgroundContainer.withBackdrop) .navMenuOption-selected {