From 45090441441fddc75e7b53ac2fd4d5f1c4049568 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Tue, 17 Oct 2023 16:21:59 +0200
Subject: [PATCH] MOBILE-4362 theme: Apply transparent popover backdrop only on
 Android

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

diff --git a/src/theme/theme.base.scss b/src/theme/theme.base.scss
index 99d13131a..18d615a3a 100644
--- a/src/theme/theme.base.scss
+++ b/src/theme/theme.base.scss
@@ -1898,10 +1898,12 @@ ion-popover {
     &.md {
         margin-top: 2px;
         margin-bottom: 2px;
-    }
-    // Never show backdrop on popovers
-    ion-backdrop {
-        background: transparent;
+
+        // Never show backdrop on popovers on Android
+        // @todo Apply box shadow on ios and make it transparent too. The main problem is the box arrow.
+        ion-backdrop {
+            background: transparent;
+        }
     }
 }