From 10d401afc22e2563a4dfba96b511ac0ea5122850 Mon Sep 17 00:00:00 2001 From: Andreas Nedbal Date: Sat, 14 May 2022 15:00:30 +0200 Subject: [PATCH] additional background for acrylic popups if unsupported --- packages/client/src/style.scss | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/packages/client/src/style.scss b/packages/client/src/style.scss index d87a50ee3..76b395e7b 100644 --- a/packages/client/src/style.scss +++ b/packages/client/src/style.scss @@ -371,6 +371,20 @@ hr { background: var(--acrylicPanel); -webkit-backdrop-filter: var(--blur, blur(15px)); backdrop-filter: var(--blur, blur(15px)); + + @supports not (backdrop-filter: var(--blur, blur(15px))) { + &:after { + content: ""; + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; + z-index: -1; + background: var(--bg); + opacity: .75; + } + } } ._formBlock {