From d9cec1205cdfd6a40fa0d3407305058e776582ef Mon Sep 17 00:00:00 2001
From: "Timothy Z." <timothy@stremio.com>
Date: Mon, 9 Dec 2024 17:39:55 +0200
Subject: [PATCH] refactor(styles): use dvh to respect safe areas

dvh solves an issue where without fullscreen not all videos in the list are fully visible since vh does not count the safe / unsafe area
---
 src/routes/Player/SideDrawer/SideDrawer.less | 3 ++-
 src/routes/Player/styles.less                | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/routes/Player/SideDrawer/SideDrawer.less b/src/routes/Player/SideDrawer/SideDrawer.less
index 9d8d53ee8..ba6a79719 100644
--- a/src/routes/Player/SideDrawer/SideDrawer.less
+++ b/src/routes/Player/SideDrawer/SideDrawer.less
@@ -30,7 +30,8 @@
     }
 
     .content {
-        height: 60%;
+        min-height: 60%;
+        max-height: 60%;
 
         .videos {
             overflow-y: auto;
diff --git a/src/routes/Player/styles.less b/src/routes/Player/styles.less
index 514db97c2..e8434fd22 100644
--- a/src/routes/Player/styles.less
+++ b/src/routes/Player/styles.less
@@ -171,7 +171,7 @@ html:not(.active-slider-within) {
             left: initial;
             bottom: initial;
             max-width: 30%;
-            height: 100vh;
+            height: 100dvh;
             border-top-left-radius: var(--border-radius);
             border-bottom-left-radius: var(--border-radius);
             background-color: var(--modal-background-color);