From 0ef0e54c3cdce7b0e8814cde715afae86efdb7a9 Mon Sep 17 00:00:00 2001 From: GilbN Date: Sat, 13 Nov 2021 11:38:52 +0100 Subject: [PATCH] Added blurred sidemenu on Plex --- css/base/plex/plex-base.css | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/css/base/plex/plex-base.css b/css/base/plex/plex-base.css index 788888c7..93605e25 100644 --- a/css/base/plex/plex-base.css +++ b/css/base/plex/plex-base.css @@ -155,7 +155,7 @@ html body, } [class*="SourceSidebar-expandedSidebar-"][class*="SourceSidebar-sidebar-"] { - background: var(--modal-bg-color) !important; + background: var(--modal-bg-color); background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; background-position: center center, center center; @@ -165,6 +165,15 @@ html body, -o-background-size: auto, cover; } +@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { + [class*="SourceSidebar-expandedSidebar-"][class*="SourceSidebar-sidebar-"] { + background: var(--header-blur-background); + -webkit-backdrop-filter: saturate(1.8) blur(1.5em); + backdrop-filter: saturate(1.8) blur(1.5em); + background-color: rgba(0, 0, 0, .5); + } +} + [class*="DisclosureArrow-isSelected-"] { border-color: rgb(var(--accent-color)); }