dotCMS/core#21660 Add backdrop-filter to our popup overlay background (…

…#1870)
dotCMS · Feb 8, 2022 · d62c870 · d62c870
1 parent 7db6612
commit d62c870
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/apps/dotcms-ui/src/app/view/components/dot-dialog/dot-dialog.component.scss b/apps/dotcms-ui/src/app/view/components/dot-dialog/dot-dialog.component.scss
@@ -7,6 +7,7 @@
 
     &.active {
         background-color: rgba($black, 0.8);
+        backdrop-filter: blur(5px);
         bottom: 0;
         display: block;
         left: 0;

diff --git a/libs/dot-primeng-theme-styles/src/scss/dotcms-theme/components/_dialog.scss b/libs/dot-primeng-theme-styles/src/scss/dotcms-theme/components/_dialog.scss
@@ -79,4 +79,5 @@
 
 .p-dialog-mask.p-component-overlay {
     background-color: rgba($black, 0.8);
+    backdrop-filter: blur(5px);
 }