From fc9618a7df5c01fbbb8941aa429b5d9619f64e29 Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hn@stylite.de>
Date: Thu, 31 Mar 2016 16:02:01 +0000
Subject: [PATCH] Mobile theme W.I.P.: - Fix notification popup dialog

---
 pixelegg/mobile/fw_mobile.css  | 54 ++++++++++++++++++++++++++++++++++
 pixelegg/mobile/fw_mobile.less | 46 +++++++++++++++++++++++++++++
 2 files changed, 100 insertions(+)

diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css
index 141ccb2029..861ad54075 100644
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@@ -7174,6 +7174,7 @@ form[id^="tracker-"] .dialogHeadbar {
     -webkit-overflow-scrolling: touch;
   }
   body {
+    /*Notification popup*/
     /*Chosen*/
     /* View mode styles*/
     /***************CHECKBOX *************/
@@ -7189,6 +7190,59 @@ form[id^="tracker-"] .dialogHeadbar {
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
   }
+  body #egwpopup {
+    width: 100% !important;
+    height: 100% !important;
+    top: 0 !important;
+    bottom: 0 !important;
+    left: 0 !important;
+    right: 5px !important;
+    border: none;
+    box-shadow: none;
+    padding: 0;
+    border-radius: 0;
+  }
+  body #egwpopup #egwpopup_header {
+    text-align: center;
+    height: 50px;
+    z-index: 1;
+    background-color: #5180AC;
+    line-height: 40px;
+    width: 100%;
+    font-size: 10pt;
+    color: white;
+  }
+  body #egwpopup #egwpopup_header span {
+    -webkit-filter: brightness(0) invert(1) !important;
+    filter: brightness(0) invert(1) !important;
+    background-color: transparent !important;
+    background-size: 24px 24px !important;
+    border: none;
+    height: 50px;
+    position: absolute;
+    left: 10px;
+    background-image: url(../images/cancelled.svg);
+    background-repeat: no-repeat;
+    background-position: center;
+  }
+  body #egwpopup #egwpopup_header span button {
+    width: 50px;
+    height: 50px;
+  }
+  body #egwpopup #egwpopup_header span img {
+    display: none;
+  }
+  body #egwpopup #egwpopup_footer {
+    position: absolute;
+    top: 0px;
+    right: 10px;
+    height: 50px;
+  }
+  body #egwpopup #egwpopup_footer input {
+    float: right;
+    margin-right: 10px;
+    margin-top: 10px;
+  }
   body span.egw_fw_mobile_popup_close.loaded {
     background-image: url(../images/topmenu_items/mobile/back.svg);
     -webkit-filter: brightness(0) invert(1) !important;
diff --git a/pixelegg/mobile/fw_mobile.less b/pixelegg/mobile/fw_mobile.less
index 2cb603bb8b..f60e65257d 100644
--- a/pixelegg/mobile/fw_mobile.less
+++ b/pixelegg/mobile/fw_mobile.less
@@ -232,6 +232,52 @@
 		button[id*="edit_button[edit]"]:hover,
 		button.et2_button:hover {-webkit-box-shadow: none !important; box-shadow:none !important;}
 
+		/*Notification popup*/
+		#egwpopup {
+			width: 100% !important;
+			height: 100% !important;
+			top: 0 !important;
+			bottom: 0 !important;
+			left: 0 !important;
+			right: 5px !important;
+			border: none;
+			box-shadow: none;
+			padding: 0;
+			border-radius: 0;
+			#egwpopup_header {
+				text-align: center;
+				height: 50px;
+				z-index: 1;
+				background-color: #5180AC;
+				line-height: 40px;
+				width:100%;
+				.mob-fontsize-n;
+				color:white;
+				span {
+					.white-svg;
+					height: 50px;
+					position: absolute;
+					left:10px;
+					background-image: url(../images/cancelled.svg);
+					background-repeat:no-repeat;
+					background-position:center;
+					button {width:50px;height:50px;}
+					img {display: none;}
+				}
+			}
+			#egwpopup_footer {
+				input {
+					float:right;
+					margin-right: 10px;
+					margin-top:10px;
+				}
+				position: absolute;
+				top: 0px;
+				right: 10px;
+				height: 50px;
+			}
+		}
+		
 		span.egw_fw_mobile_popup_close.loaded {
 			background-image: url(../images/topmenu_items/mobile/back.svg);
 			.white-svg;