From 3d98159d2b454429f1041c48afeb87622062aea6 Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hnategh@gmail.com>
Date: Tue, 28 Feb 2023 12:22:57 +0100
Subject: [PATCH] Fix styling of delete popup dialogs in mobile view

---
 pixelegg/mobile/fw_mobile.css  |  5 +++++
 pixelegg/mobile/fw_mobile.less | 20 ++++++++++++--------
 2 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css
index 61f8974a06..ace8cb1959 100644
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@@ -8404,6 +8404,11 @@ table.egwGridView_grid img.et2_appicon {
     clip: rect(0 0 0 0);
     flex: 0 1 auto;
   }
+  body et2-dialog#delete_popup {
+    position: absolute;
+    z-index: 1000000;
+    display: block;
+  }
   body et2-button.plus_button {
     position: fixed !important;
     right: 15px;
diff --git a/pixelegg/mobile/fw_mobile.less b/pixelegg/mobile/fw_mobile.less
index 8e916e9fc1..e0aae325f2 100644
--- a/pixelegg/mobile/fw_mobile.less
+++ b/pixelegg/mobile/fw_mobile.less
@@ -662,15 +662,19 @@
 	  }
 
 	  et2-dialog et2-button[slot="footer"]:has(et2-image)::part(label) {
-		/* Visually hide labels but leave them there for accessibility */
-		position: absolute;
-		width: 1px;
-		height: 1px;
-		overflow: hidden;
-		clip: rect(0 0 0 0);
-		flex: 0 1 auto;
+		  /* Visually hide labels but leave them there for accessibility */
+		  position: absolute;
+		  width: 1px;
+		  height: 1px;
+		  overflow: hidden;
+		  clip: rect(0 0 0 0);
+		  flex: 0 1 auto;
+	  }
+      et2-dialog#delete_popup {
+		  position: absolute;
+		  z-index: 1000000;
+		  display: block;
 	  }
-
 	  et2-button.plus_button {
 		position: fixed !important;
 		right: 15px;