feat: remove backdrop-filter to improve perf (#3506)

* feat: remove `backdrop-filter` to improve perf

* remove `backdrop-filter` from Modal
This commit is contained in:
David Luzar 2021-04-27 10:55:59 +02:00 committed by GitHub
parent 81108bf580
commit 12e8cc853f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 3 additions and 6 deletions

View file

@ -2,7 +2,6 @@
.Island {
--padding: 0;
background-color: var(--island-bg-color);
backdrop-filter: saturate(100%) blur(10px);
box-shadow: var(--shadow-island);
border-radius: 4px;
padding: calc(var(--padding) * var(--space-factor));

View file

@ -26,8 +26,7 @@
right: 0;
bottom: 0;
z-index: 1;
background-color: transparentize($oc-black, 0.7);
backdrop-filter: blur(2px);
background-color: transparentize($oc-black, 0.3);
}
.Modal__content {
@ -45,7 +44,6 @@
// for modals, reset blurry bg
background: var(--island-bg-color);
backdrop-filter: none;
border: 1px solid var(--dialog-border-color);
box-shadow: 0 2px 10px transparentize($oc-black, 0.75);