From 1eff104a53ea3454e8ed9cdbcd3f5e7ce364c09a Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hn@stylite.de>
Date: Thu, 27 Nov 2014 10:27:27 +0000
Subject: [PATCH] Style modal popup frame border and add cursor pointer to menu
 button

---
 pixelegg/css/mobile.css  | 21 +++++++++++++--------
 pixelegg/css/mobile.less | 21 +++++++++++++--------
 2 files changed, 26 insertions(+), 16 deletions(-)

diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css
index 2278ec02f8..4983ba6f3d 100644
--- a/pixelegg/css/mobile.css
+++ b/pixelegg/css/mobile.css
@@ -6312,6 +6312,7 @@ a.textSidebox {
   }
   #egw_fw_basecontainer div#egw_fw_menu {
     background-image: url(../images/topmenu_items/mobile/menu_active.png);
+    cursor: pointer;
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
     position: fixed;
@@ -6528,10 +6529,10 @@ a.textSidebox {
     display: inline-block;
     width: 32px;
     height: 32px;
-    -webkit-filter: contrast(100);
-    -ms-filter: contrast(100);
-    -moz-filter: contrast(100);
-    -o-filter: contrast(100);
+    -webkit-filter: contrast(2);
+    -ms-filter: contrast(2);
+    -moz-filter: contrast(2);
+    -o-filter: contrast(2);
   }
   .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active object {
     width: 32px;
@@ -6926,16 +6927,20 @@ a.textSidebox {
     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_container .egw_fw_mobile_popup_close {
     width: 32px;
     height: 32px;
     top: 12px;
-    right: 18px;
+    right: 12px;
     position: fixed;
-    background-image: url(../images/cancel.png);
-    background-color: white;
-    -webkit-filter: contrast(10);
+    background-image: url(../images/topmenu_items/mobile/cancelled.png);
+    -webkit-filter: contrast(2);
     background-repeat: no-repeat;
+    z-index: 1;
   }
 }
diff --git a/pixelegg/css/mobile.less b/pixelegg/css/mobile.less
index d8c1797df1..9ece5df32a 100644
--- a/pixelegg/css/mobile.less
+++ b/pixelegg/css/mobile.less
@@ -80,6 +80,7 @@ and open the template in the editor.
 		//FW Menu
 		div#egw_fw_menu{
 			background-image: url(../images/topmenu_items/mobile/menu_active.png);
+			cursor: pointer;
 			-webkit-transform:rotate(360deg);
 			transform:rotate(360deg);
 			position: fixed;
@@ -298,10 +299,10 @@ and open the template in the editor.
 			img.egw_fw_ui_tab_icon {
 				display: inline-block;
 				.dimension_width_height_l;
-				-webkit-filter: contrast(100);
-				-ms-filter:contrast(100);
-				-moz-filter:contrast(100);
-				-o-filter:contrast(100);
+				-webkit-filter: contrast(2);
+				-ms-filter:contrast(2);
+				-moz-filter:contrast(2);
+				-o-filter:contrast(2);
 			}
 			 /*Active object*/
 			 object {
@@ -661,17 +662,21 @@ and open the template in the editor.
 			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: 18px;
+			right: 12px;
 			position: fixed;
-			background-image: url(../images/cancel.png);
-			background-color: white;
-			-webkit-filter: contrast(10);
+			background-image: url(../images/topmenu_items/mobile/cancelled.png);
+			-webkit-filter: contrast(2);
 			background-repeat: no-repeat;
+			z-index: 1;
 		}
 	}