From fb1ae25bf39c802ebb3e66092e3d35f8cec9c27b Mon Sep 17 00:00:00 2001
From: lscambo13 <ls.cambo13@gmail.com>
Date: Tue, 29 Jul 2025 15:08:15 +0530
Subject: [PATCH] Fix: Improved compatibility with older browsers This hides
 detail logo on older browsers by default, and fixes the invisible chapter
 text

---
 Theme/ElegantFin-theme-nightly.css | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css
index d1f6212..b72300f 100644
--- a/Theme/ElegantFin-theme-nightly.css
+++ b/Theme/ElegantFin-theme-nightly.css
@@ -960,8 +960,16 @@ html {
     }
 }
 
+.detailLogo {
+    /* this hides the detail logo by default to make it only show up on modern browsers */
+    display: none;
+}
+
 @supports (aspect-ratio: 1 / 1) {
+    /* this shows the detail logo on modern browsers */
+
     .detailLogo {
+        display: block;
         top: calc(100vh - 10em - var(--primaryItemPageNegativeSpace));
         left: 0;
         width: 40%;
@@ -970,6 +978,10 @@ html {
         height: 25vh;
         background-position: bottom;
     }
+
+    .layout-tv .detailLogo {
+        display: block;
+    }
 }
 
 .layout-mobile .detailLogo {
@@ -1007,7 +1019,6 @@ html {
 }
 
 .layout-tv .detailLogo {
-    display: block;
     height: 20vh;
     top: 40vh;
     left: 30vw;
@@ -1716,7 +1727,6 @@ progress+span {
 .chapterThumbTextContainer {
     background: var(--cardFooterGradient);
     text-shadow: .1em .1em 0px black;
-    width: auto;
     width: -webkit-fill-available;
     height: -webkit-fill-available;
     padding: 0em 2em 2em 2em;
@@ -1730,6 +1740,7 @@ progress+span {
 
 .chapterCardImageContainer+.innerCardFooter {
     padding: 0em 1em 1em 1em;
+    height: auto;
 }
 
 .layout-mobile .innerCardFooter {