fix(Modal): backdrop effect for popover too

materializecss · Dec 23, 2024 · 85b74e7 · 85b74e7
1 parent 8126c67
commit 85b74e7
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/sass/components/_modal.scss b/sass/components/_modal.scss
@@ -1,8 +1,3 @@
-// custom backdrop blur
-dialog::backdrop {
-  backdrop-filter: blur(1px);
-}
-
 // use with dialog html element
 .modal {
   --modal-footer-divider-height: 1px;
@@ -32,6 +27,11 @@ dialog::backdrop {
     width: 80%;
   }
 
+  // custom backdrop blur
+  &::backdrop {
+    backdrop-filter: blur(1px);
+  }
+
   .modal-header {
     padding: var(--modal-padding);
     padding-bottom: var(--modal-padding-bottom);