From 3520aee921300a31e7701a58b11ac10c99ee543f Mon Sep 17 00:00:00 2001 From: Jelle Z <18423879+jelle619@users.noreply.github.com> Date: Sun, 7 Oct 2018 20:52:44 +0100 Subject: [PATCH] Enabled backdrop filter for other browsers --- webapp/titanembeds/static/themes/IceWyvern/css/style.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/webapp/titanembeds/static/themes/IceWyvern/css/style.css b/webapp/titanembeds/static/themes/IceWyvern/css/style.css index e28a781..5da802c 100644 --- a/webapp/titanembeds/static/themes/IceWyvern/css/style.css +++ b/webapp/titanembeds/static/themes/IceWyvern/css/style.css @@ -196,8 +196,8 @@ a { display: none } -/* Webkit specific features */ -@media screen and (-webkit-min-device-pixel-ratio:0) { +/* Backdrop filter support for Webkit browsers */ +@supports (-webkit-backdrop-filter: blur(0px)) { .nav-wrapper { background-color: rgba(255,255,255,0.7); } .nav-wrapper { -webkit-backdrop-filter: blur(10px); } #footer { background-color: rgba(255,255,255,0.7); } @@ -208,8 +208,8 @@ a { #guild-nav { -webkit-backdrop-filter: blur(10px); } } -/* Microsoft Edge specific features */ -@supports (-ms-ime-align: auto) { +/* Backdrop filter support for other browsers */ +@supports (backdrop-filter: blur(0px)) { .nav-wrapper { background-color: rgba(255,255,255,0.7); } .nav-wrapper { backdrop-filter: blur(10px); } #footer { background-color: rgba(255,255,255,0.7); }