From f1d05b1da9f4d965643f10599a9208afcec25b4b Mon Sep 17 00:00:00 2001 From: Fedor Katurov <gotham48@gmail.com> Date: Mon, 21 Jun 2021 16:48:00 +0700 Subject: [PATCH] fixed blur bug on firefox --- src/components/containers/BlurWrapper/styles.module.scss | 8 -------- src/components/dialogs/ModalWrapper/styles.module.scss | 3 ++- 2 files changed, 2 insertions(+), 9 deletions(-) diff --git a/src/components/containers/BlurWrapper/styles.module.scss b/src/components/containers/BlurWrapper/styles.module.scss index 3c2143c9..9ca0948c 100644 --- a/src/components/containers/BlurWrapper/styles.module.scss +++ b/src/components/containers/BlurWrapper/styles.module.scss @@ -6,12 +6,4 @@ box-sizing: border-box; flex-direction: column; min-height: 100vh; - - &.is_blurred { - filter: blur(15px); - - @include can_backdrop { - filter: blur(0); - } - } } diff --git a/src/components/dialogs/ModalWrapper/styles.module.scss b/src/components/dialogs/ModalWrapper/styles.module.scss index cdf1aa9a..81c512ca 100644 --- a/src/components/dialogs/ModalWrapper/styles.module.scss +++ b/src/components/dialogs/ModalWrapper/styles.module.scss @@ -51,11 +51,12 @@ left: 0; width: 100%; height: 100%; - background: transparentize($color: #000000, $amount: 0.9); + background: transparentize($color: $content_bg, $amount: 0.1); cursor: pointer; animation: appear 0.25s forwards; @include can_backdrop { backdrop-filter: blur(15px); + background: transparentize($color: $content_bg, $amount: 0.9); } }