Fix mobile sidebar transparency (for real, hopefully)

Burry · Jun 16, 2019 · 5ec05eb · 5ec05eb
1 parent df2295b
commit 5ec05eb
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 19 deletions.
diff --git a/css/Plex.css b/css/Plex.css
diff --git a/sass/partials/sidebar.scss b/sass/partials/sidebar.scss
@@ -66,29 +66,27 @@
 // Temporarily disabled blurred bg style on mobile due to Safari bug
 // Per https://github.com/Burry/Organizr-Plex-Theme/issues/18#issuecomment-502330525
 @media screen and (min-width: 768px) {
-    @supports not (backdrop-filter: blur(30px)) {
-        .sidebar {
-            @include background-shade($black45a, $bg-light, 'fixed');
-
-            &:hover {
-                box-shadow: 0 5px 20px $black30a;
-            }
+    .sidebar {
+        @include background-shade($black45a, $bg-light, 'fixed');
 
-            .sidebar-head {
-                background: $black15a !important;
-            }
+        &:hover {
+            box-shadow: 0 5px 20px $black30a;
         }
 
-        .sidebar-nav {
-            background: $black15a;
+        .sidebar-head {
+            background: $black15a !important;
         }
+    }
 
-        .active-tab-Settings,
-        body[data-active-tab=''],
-        #internal-Settings {
-            .sidebar {
-                @include background-shade($black45a, $bg-dark, 'fixed');
-            }
+    .sidebar-nav {
+        background: $black15a;
+    }
+
+    .active-tab-Settings,
+    body[data-active-tab=''],
+    #internal-Settings {
+        .sidebar {
+            @include background-shade($black45a, $bg-dark, 'fixed');
         }
     }
 }