From c448ebb33c830d8346b854d3e3b383263d66ac38 Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hnategh@gmail.com>
Date: Wed, 21 Jun 2017 12:48:07 +0200
Subject: [PATCH] Open popup dialogs of compact theme in more reasonable size

---
 pixelegg/css/mobile.css        | 13 ++++++++-----
 pixelegg/css/mobile.less       | 13 ++++++++-----
 pixelegg/mobile/fw_mobile.css  | 22 +++++++++++++++++-----
 pixelegg/mobile/fw_mobile.less | 10 ++++++++++
 4 files changed, 43 insertions(+), 15 deletions(-)

diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css
index 3458687f5d..34c91af4f1 100644
--- a/pixelegg/css/mobile.css
+++ b/pixelegg/css/mobile.css
@@ -6074,8 +6074,8 @@ span.egw_tutorial_title {
     background-repeat: no-repeat;
     z-index: 1000;
     padding-right: 5px;
-    top: -7px;
-    left: 10px;
+    top: 1px;
+    left: 15px;
     background-position: 3px 7px;
     position: fixed;
   }
@@ -6708,13 +6708,16 @@ span.egw_tutorial_title {
     position: absolute;
     display: none;
     z-index: 999;
+    background: rgba(192, 192, 192, 0.47);
   }
   body .egw_fw_mobile_popup_container .egw_fw_mobile_popupFrame {
-    width: 100%;
-    height: 100%;
+    width: 70%;
+    height: 70%;
     visibility: hidden;
     display: block;
-    background: white;
+    background: #fff;
+    margin: 8% auto;
+    border: 1px solid silver;
   }
   body .dialogHeadbar {
     height: 50px;
diff --git a/pixelegg/css/mobile.less b/pixelegg/css/mobile.less
index 2bb1046621..7f5c3cf811 100644
--- a/pixelegg/css/mobile.less
+++ b/pixelegg/css/mobile.less
@@ -123,8 +123,8 @@
 			background-repeat: no-repeat;
 			z-index: 1000;
 			padding-right: 5px;
-			top:-7px;
-			left: 10px;
+			top:1px;
+			left: 15px;
 			background-position: 3px 7px;
 			position: fixed;
 		}
@@ -753,12 +753,15 @@
 			position:absolute;
 			display: none;
 			z-index: 999;
+			background: rgba(192, 192, 192, 0.47);
 			.egw_fw_mobile_popupFrame {
-				width: 100%;
-				height: 100%;
+				width: 70%;
+				height: 70%;
 				visibility: hidden;
 				display: block;
-				background: white;
+				background: #fff;
+				margin: 8% auto;
+				border: 1px solid silver;
 			}
 
 		}
diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css
index 1909acee38..b6f3afb061 100644
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@@ -6086,8 +6086,8 @@ span.egw_tutorial_title {
     background-repeat: no-repeat;
     z-index: 1000;
     padding-right: 5px;
-    top: -7px;
-    left: 10px;
+    top: 1px;
+    left: 15px;
     background-position: 3px 7px;
     position: fixed;
   }
@@ -6720,13 +6720,16 @@ span.egw_tutorial_title {
     position: absolute;
     display: none;
     z-index: 999;
+    background: rgba(192, 192, 192, 0.47);
   }
   body .egw_fw_mobile_popup_container .egw_fw_mobile_popupFrame {
-    width: 100%;
-    height: 100%;
+    width: 70%;
+    height: 70%;
     visibility: hidden;
     display: block;
-    background: white;
+    background: #fff;
+    margin: 8% auto;
+    border: 1px solid silver;
   }
   body .dialogHeadbar {
     height: 50px;
@@ -7120,6 +7123,15 @@ form[id^="wiki-"] .dialogHeadbar {
     /*************** CKEDITOR **************/
     /***************************************/
   }
+  body .egw_fw_mobile_popup_container {
+    background: transparent;
+  }
+  body .egw_fw_mobile_popup_container .egw_fw_mobile_popupFrame {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    border: none;
+  }
   body button[id*="save"]:hover,
   body button[id*="apply"]:hover,
   body button[id*="copy"]:hover,
diff --git a/pixelegg/mobile/fw_mobile.less b/pixelegg/mobile/fw_mobile.less
index 4f510e3923..928ccc7c63 100644
--- a/pixelegg/mobile/fw_mobile.less
+++ b/pixelegg/mobile/fw_mobile.less
@@ -233,6 +233,16 @@
 	html *{touch-action:auto;-webkit-overflow-scrolling: touch;}
 	body
 	{
+		.egw_fw_mobile_popup_container{
+			background: transparent;
+			.egw_fw_mobile_popupFrame {
+				width: 100%;
+				height: 100%;
+				margin: 0;
+				border: none;
+			}
+
+		}
 		/* Stop pull-to-refresh on chrome*/
 		overflow-y: hidden;