From ceae5d701c1cbfbda4be4def11b7607e5a897c40 Mon Sep 17 00:00:00 2001
From: Alfonso Salces <alfonso.salces@moodle.com>
Date: Tue, 30 Aug 2022 10:38:32 +0200
Subject: [PATCH] MOBILE-4081 theme: Add class for modals without
 backdrop-filter

---
 src/theme/theme.base.scss | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/theme/theme.base.scss b/src/theme/theme.base.scss
index 7170248ca..4942e809c 100644
--- a/src/theme/theme.base.scss
+++ b/src/theme/theme.base.scss
@@ -698,6 +698,16 @@ body.core-iframe-fullscreen ion-router-outlet {
     }
 }
 
+.core-modal-transparent-no-filter {
+    @extend .core-modal-transparent;
+    ion-backdrop {
+        backdrop-filter: none;
+    }
+    .modal-wrapper {
+        backdrop-filter: none;
+    }
+}
+
 @each $breakpoint, $width in $screen-breakpoints {
     .core-modal-lateral-#{$breakpoint} {
         --modal-lateral-max-width: #{$width};