From 2336be539acef2cd7bae728f1ea3085888c460e2 Mon Sep 17 00:00:00 2001
From: lscambo13 <ls.cambo13@gmail.com>
Date: Sun, 23 Nov 2025 20:21:37 +0530
Subject: [PATCH] Fix: Disabled the new episode grid on older browsers to avoid
 issues with Music pages

---
 Theme/ElegantFin-theme-nightly.css | 94 +++++++++++++-----------------
 1 file changed, 42 insertions(+), 52 deletions(-)

diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css
index 1d72dc0..85cd02d 100644
--- a/Theme/ElegantFin-theme-nightly.css
+++ b/Theme/ElegantFin-theme-nightly.css
@@ -515,63 +515,53 @@ html {
 
 /* episode grid start */
 
-.layout-desktop .detailSection > #listChildrenCollapsible .vertical-list,
-.layout-desktop .detailPageContent > #childrenCollapsible .vertical-list {
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(min(var(--minEpisodeCardWidth), 100%), 1fr));
-    gap: var(--itemColumnGap);
-}
+@supports (display: revert) {
+    .vertical-list:has(.listItem-largeImage) {
+        display: grid;
+        grid-template-columns: repeat(auto-fill, minmax(min(var(--minEpisodeCardWidth), 100%), 1fr));
+        gap: var(--itemColumnGap);
+    }
 
-/* @media (max-width: 64em) {
-    .layout-desktop .listItemImage-large {
+    .layout-desktop .listItem-largeImage {
+        display: grid;
+        margin-bottom: 0 !important;
+    }
+
+    .layout-desktop .listItem-largeImage > .listItem-content {
+        display: grid;
+        grid-template-columns: 1fr 1fr 2em;
+        order: 1;
+        height: 100%;
+        align-items: start;
+    }
+
+    .layout-desktop .listItem-largeImage > .listItem-bottomoverview {
+        order: 2;
+    }
+
+    .layout-desktop .listItem-largeImage .listItemImage-large {
+        order: 1;
+        grid-column: 1 / -1;
+        height: max-content;
+        min-height: 15em;
         width: 100%;
+        aspect-ratio: 16 / 9;
+        box-sizing: border-box;
     }
-    .layout-desktop .detailSection > #listChildrenCollapsible .vertical-list,
-    .layout-desktop .detailPageContent > #childrenCollapsible .vertical-list {
-        grid-template-columns: repeat(2, 1fr);
+
+    .layout-desktop .listItem-largeImage .listItemBody {
+        order: 2;
+        grid-column: 1 / 3;
+        padding: 1em 0.125em;
     }
-} */
 
-.layout-desktop .listItem-largeImage {
-    display: grid;
-    margin-bottom: 0 !important;
-}
-
-.layout-desktop .listItem-largeImage > .listItem-content {
-    display: grid;
-    grid-template-columns: 1fr 1fr 2em;
-    order: 1;
-    height: 100%;
-    align-items: start;
-}
-
-.layout-desktop .listItem-largeImage > .listItem-bottomoverview {
-    order: 2;
-}
-
-.layout-desktop .listItem-largeImage .listItemImage-large {
-    order: 1;
-    grid-column: 1 / -1;
-    height: max-content;
-    min-height: 15em;
-    width: 100%;
-    aspect-ratio: 16 / 9;
-    /* margin: 0 !important; */
-    box-sizing: border-box;
-}
-
-.layout-desktop .listItem-largeImage .listItemBody {
-    order: 2;
-    grid-column: 1 / 3;
-    padding: 1em 0.125em;
-}
-
-.layout-desktop .listItem-largeImage .listViewUserDataButtons {
-    flex-direction: column;
-    font-size: small;
-    order: 2;
-    grid-column: 3;
-    align-self: center;
+    .layout-desktop .listItem-largeImage .listViewUserDataButtons {
+        flex-direction: column;
+        font-size: small;
+        order: 2;
+        grid-column: 3;
+        align-self: center;
+    }
 }
 
 /* episode grid end */