From b15b7bbb12e6efe53ce8471eaff0ef5dfdd6999c Mon Sep 17 00:00:00 2001
From: "Timothy Z." <timothy@stremio.com>
Date: Mon, 23 Dec 2024 21:28:46 +0200
Subject: [PATCH] remove: masks in the routes

---
 src/common/MainNavBars/styles.less | 15 ---------------
 src/routes/Addons/styles.less      |  7 -------
 src/routes/Discover/styles.less    |  7 -------
 src/routes/Library/styles.less     |  7 -------
 src/routes/MetaDetails/styles.less |  7 -------
 5 files changed, 43 deletions(-)

diff --git a/src/common/MainNavBars/styles.less b/src/common/MainNavBars/styles.less
index 7495b90a2..2ee57b505 100644
--- a/src/common/MainNavBars/styles.less
+++ b/src/common/MainNavBars/styles.less
@@ -36,13 +36,6 @@
         left: var(--vertical-nav-bar-size);
         z-index: 0;
         overflow: scroll;
-
-        mask: linear-gradient(
-            to bottom,
-            transparent calc(var(--top-overlay-size) - var(--overlap-size)),
-            black calc(var(--top-overlay-size) + var(--transparency-grandient-pad)),
-            black 100%
-        );
     }
 }
 
@@ -51,14 +44,6 @@
         .nav-content-container {
             left: 0;
             padding-bottom: var(--vertical-nav-bar-size);
-
-            mask: linear-gradient(
-                to bottom,
-                transparent calc(var(--top-overlay-size) - var(--overlap-size)),
-                black calc(var(--top-overlay-size) + var(--transparency-grandient-pad)),
-                black calc(100% - var(--bottom-overlay-size) - var(--transparency-grandient-pad)),
-                transparent calc(100% - var(--bottom-overlay-size) + var(--overlap-size))
-            );
         }
 
         .vertical-nav-bar {
diff --git a/src/routes/Addons/styles.less b/src/routes/Addons/styles.less
index e2030c7ac..c3f0e57a1 100644
--- a/src/routes/Addons/styles.less
+++ b/src/routes/Addons/styles.less
@@ -38,13 +38,6 @@
             padding: 0 1.5rem;
             padding-top: var(--top-overlay-size);
             padding-bottom: var(--bottom-overlay-size);
-
-            mask: linear-gradient(
-                to bottom,
-                transparent calc(var(--top-overlay-size) - var(--overlap-size)),
-                black calc(var(--top-overlay-size) + var(--transparency-grandient-pad)),
-                black 100%
-            );
             z-index: 1;
         }
 
diff --git a/src/routes/Discover/styles.less b/src/routes/Discover/styles.less
index 5490de005..eb4f56548 100644
--- a/src/routes/Discover/styles.less
+++ b/src/routes/Discover/styles.less
@@ -39,13 +39,6 @@
                 padding: 0 1.5rem;
                 padding-top: var(--top-overlay-size);
                 padding-bottom: var(--bottom-overlay-size);
-    
-                mask: linear-gradient(
-                    to bottom,
-                    transparent calc(var(--top-overlay-size) - var(--overlap-size)),
-                    black calc(var(--top-overlay-size) + var(--transparency-grandient-pad)),
-                    black 100%
-                );
                 z-index: 1;
             }
 
diff --git a/src/routes/Library/styles.less b/src/routes/Library/styles.less
index 864977e40..9387e1371 100644
--- a/src/routes/Library/styles.less
+++ b/src/routes/Library/styles.less
@@ -28,13 +28,6 @@
             padding: 0 1.5rem;
             padding-top: var(--top-overlay-size);
             padding-bottom: var(--bottom-overlay-size, 0rem);
-
-            mask: linear-gradient(
-                to bottom,
-                transparent calc(var(--top-overlay-size) - var(--overlap-size)),
-                black calc(var(--top-overlay-size) + var(--transparency-grandient-pad)),
-                black 100%
-            );
             z-index: 1;
         }
 
diff --git a/src/routes/MetaDetails/styles.less b/src/routes/MetaDetails/styles.less
index 40601f9eb..dec898288 100644
--- a/src/routes/MetaDetails/styles.less
+++ b/src/routes/MetaDetails/styles.less
@@ -57,13 +57,6 @@
         margin-top: calc(var(--top-overlay-size) * -1);
         padding-top: var(--top-overlay-size);
         padding-bottom: var(--calculated-bottom-safe-inset, 0rem);
-        mask: linear-gradient(
-            to bottom,
-            transparent calc(var(--top-overlay-size) - var(--overlap-size)),
-            black calc(var(--top-overlay-size) + var(--transparency-grandient-pad)),
-            black 100%
-        );
-
         .vertical-nav-bar {
             flex: none;
         }