From 916be398f7025816a985cd8350051b46b2ecd396 Mon Sep 17 00:00:00 2001
From: lscambo13 <ls.cambo13@gmail.com>
Date: Wed, 11 Dec 2024 09:55:58 -0800
Subject: [PATCH] Fix: Trying to avoid content clipping on certain screen sizes

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

diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css
index ff2863c..c015a19 100644
--- a/Theme/ElegantFin-theme-nightly.css
+++ b/Theme/ElegantFin-theme-nightly.css
@@ -204,6 +204,10 @@ h1 {
     margin-top: -40vh;
 }
 
+.itemBackdrop {
+    height: 50vh;
+}
+
 @media (orientation: portrait) and (max-width: 40em) {
     .layout-mobile .itemBackdrop {
         height: 40vh;
@@ -211,10 +215,18 @@ h1 {
     }
 }
 
-.itemBackdrop {
-    height: 45vh;
+@media (max-height: 31.25em) {
+    .itemBackdrop {
+        height: 62vh;
+    }
 }
 
+/* @media (max-width: 62.5em) {
+    .layout-desktop .itemBackdrop {
+        height: 5vh;
+    }
+} */
+
 h2 {
     font-size: 1.25em;
 }