From 3639e08367f82a939ec226d425a9f4f4984cb024 Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hn@stylite.de>
Date: Tue, 2 Dec 2014 17:02:30 +0000
Subject: [PATCH] Fix mobile modal popups to fullscreen and add toolbar with
 appheader to the top

---
 pixelegg/css/mobile.css  | 46 +++++++++++++++++++++---------------
 pixelegg/css/mobile.less | 50 ++++++++++++++++++++++------------------
 2 files changed, 55 insertions(+), 41 deletions(-)

diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css
index 10afd5e107..9c5012d738 100644
--- a/pixelegg/css/mobile.css
+++ b/pixelegg/css/mobile.css
@@ -6263,7 +6263,26 @@ a.textSidebox {
 /*@import "../less/layout_dialog.less";*/
 @media all {
   body {
-    background-color: white;
+    background-color: transparent;
+  }
+  body div.egw_fw_mobile_popup_appHeader {
+    display: block !important;
+    height: 40px !important;
+    font-size: 150% !important;
+    background-color: #679fd2 !important;
+    border-top: none !important;
+    width: 100%;
+    margin-top: 15px;
+  }
+  body div.egw_fw_mobile_popup_appHeader .egw_fw_mobile_popup_close {
+    width: 32px;
+    height: 32px;
+    float: right;
+    background-image: url('../images/cancelled.png');
+    /*url(../images/topmenu_items/mobile/menu_active.png);*/
+    -webkit-filter: contrast(2);
+    background-repeat: no-repeat;
+    z-index: 999;
   }
   #egw_fw_basecontainer {
     top: 20px;
@@ -6933,27 +6952,16 @@ a.textSidebox {
     position: fixed;
     display: none;
     z-index: 999;
-    background: rgba(0, 0, 0, 0.44);
+    background: white;
   }
   .egw_fw_mobile_popup_container .egw_fw_mobile_popupFrame {
-    width: 90%;
-    height: 90%;
-    margin-left: 5%;
-    margin-top: 4%;
-    border: 3px solid rgba(103, 159, 210, 0.5);
-    -webkit-box-shadow: -1px 1px 18px 2px rgba(0, 0, 0, 0.58);
-    -moz-box-shadow: -1px 1px 18px 2px rgba(0, 0, 0, 0.58);
-    box-shadow: -1px 1px 18px 2px rgba(0, 0, 0, 0.58);
+    width: 100%;
+    height: 100%;
   }
-  .egw_fw_mobile_popup_container .egw_fw_mobile_popup_close {
-    width: 32px;
-    height: 32px;
-    top: 12px;
-    right: 12px;
-    position: fixed;
-    background-image: url(../images/cancelled.png);
-    -webkit-filter: contrast(2);
+  .egw_fw_mobile_popup_loader {
+    background-image: url('../images/ajax-loader.gif');
     background-repeat: no-repeat;
-    z-index: 1;
+    background-position: center;
+    background: rgba(0, 0, 0, 0.44) !important;
   }
 }
diff --git a/pixelegg/css/mobile.less b/pixelegg/css/mobile.less
index 73b6019695..30a598e55f 100644
--- a/pixelegg/css/mobile.less
+++ b/pixelegg/css/mobile.less
@@ -11,7 +11,25 @@ and open the template in the editor.
 
 @media all {
 	body{
-		background-color: white;
+		background-color: transparent;
+		div.egw_fw_mobile_popup_appHeader {
+			display: block !important;
+			height: 40px !important;
+			font-size: 150% !important;
+			background-color: #679fd2 !important;
+			border-top: none !important;
+			width: 100%;
+			margin-top:15px;
+			.egw_fw_mobile_popup_close {
+				width: 32px;
+				height: 32px;
+				float:right;
+				background-image: url('../images/cancelled.png');/*url(../images/topmenu_items/mobile/menu_active.png);*/
+				-webkit-filter: contrast(2);
+				background-repeat: no-repeat;
+				z-index: 999;
+			}
+		}
 	}
 	#egw_fw_basecontainer{
 		top:20px;
@@ -665,28 +683,16 @@ and open the template in the editor.
 		position:fixed;
 		display: none;
 		z-index: 999;
-		background: rgba(0, 0, 0, 0.44);
+		background: white;
 		.egw_fw_mobile_popupFrame {
-			width: 90%;
-			height: 90%;
-			margin-left:5%;
-			margin-top:4%;
-			border: 3px solid rgba(103, 159, 210, 0.5);
-			-webkit-box-shadow: -1px 1px 18px 2px rgba(0,0,0,0.58);
-			-moz-box-shadow: -1px 1px 18px 2px rgba(0,0,0,0.58);
-			box-shadow: -1px 1px 18px 2px rgba(0,0,0,0.58);
-		}
-		.egw_fw_mobile_popup_close {
-			width: 32px;
-			height: 32px;
-			top: 12px;
-			right: 12px;
-			position: fixed;
-			background-image: url(../images/cancelled.png);
-			-webkit-filter: contrast(2);
-			background-repeat: no-repeat;
-			z-index: 1;
+			width: 100%;
+			height: 100%;
 		}
 	}
-
+	.egw_fw_mobile_popup_loader {
+		background-image: url('../images/ajax-loader.gif');
+		background-repeat: no-repeat;
+		background-position: center;
+		background: rgba(0, 0, 0, 0.44) !important;
+	}
 }
\ No newline at end of file