From 3cdf799a6bcb13989094161e97246639182a2b84 Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hnategh@gmail.com>
Date: Thu, 9 Nov 2017 12:15:26 +0100
Subject: [PATCH] Fix some styling for mobile template: - Fix create new file
 selectbox button in Filemanager - Fix Dialog titlebar not being shown

---
 filemanager/templates/mobile/app.css   | 24 ++++++++++++++++++++++++
 filemanager/templates/mobile/app.less  | 20 +++++++++++++++++++-
 filemanager/templates/mobile/index.xet |  1 +
 pixelegg/mobile/fw_mobile.css          | 10 +++++++++-
 pixelegg/mobile/fw_mobile.less         | 12 ++++++++++--
 5 files changed, 63 insertions(+), 4 deletions(-)

diff --git a/filemanager/templates/mobile/app.css b/filemanager/templates/mobile/app.css
index 033b0f2dc1..78de5eeb68 100644
--- a/filemanager/templates/mobile/app.css
+++ b/filemanager/templates/mobile/app.css
@@ -442,6 +442,9 @@ div#stylite-filemanager-upload .dialogFooterToolbar button:active {
     height: 24px;
     padding-left: 15px;
   }
+  #filemanager-index_nm #filemanager-index_filemanager-index-header_right {
+    width: 100%;
+  }
   #filemanager-index_nm #filemanager-index_tarp {
     display: none !important;
   }
@@ -481,6 +484,27 @@ div#stylite-filemanager-upload .dialogFooterToolbar button:active {
     margin-top: 0px;
     border-bottom: 1px solid silver;
   }
+  #filemanager-index_nm .nextmatch_header #filemanager-index_new_wrapper {
+    float: none;
+    width: 100%;
+    margin: 0;
+    padding-top: 5px;
+  }
+  #filemanager-index_nm .nextmatch_header #filemanager-index_new_wrapper .et2_dropdown {
+    float: none;
+    width: 100%;
+  }
+  #filemanager-index_nm .nextmatch_header #filemanager-index_new_wrapper .et2_dropdown button {
+    width: 50px;
+    margin: 0;
+    border-radius: 0;
+  }
+  #filemanager-index_nm .nextmatch_header #filemanager-index_new_wrapper .et2_dropdown button div {
+    float: none;
+  }
+  #filemanager-index_nm .nextmatch_header #filemanager-index_new_wrapper .et2_dropdown #filemanager-index_new {
+    width: calc(100% - 50px);
+  }
   #filemanager-index_nm select#filemanager-index_filter {
     width: 100%;
   }
diff --git a/filemanager/templates/mobile/app.less b/filemanager/templates/mobile/app.less
index b15ef91d2f..9982a0ea79 100644
--- a/filemanager/templates/mobile/app.less
+++ b/filemanager/templates/mobile/app.less
@@ -54,7 +54,7 @@
 			}
 			height: auto;
 		}
-
+		#filemanager-index_filemanager-index-header_right {width:100%;}
 		#filemanager-index_tarp {display: none !important;}
 		#filemanager-index_filemanager-index-header_left {height:auto;}
 		.nextmatch_header.nm_header_hide {
@@ -76,6 +76,24 @@
 				#filemanager-index_up {width:24px;height: 100%;margin-left:22px;margin-right:22px;}
 			}
 			div.filtersContainer {margin-top:0px;border-bottom: 1px solid silver;}
+			#filemanager-index_new_wrapper {
+				float: none;
+				width: 100%;
+				margin:0;
+				padding-top: 5px;
+				.et2_dropdown {
+					float: none;
+					width: 100%;
+					button {
+						width:50px;
+						margin: 0;
+						border-radius: 0;
+						div {float:none;}
+					}
+					#filemanager-index_new {width:~"calc(100% - 50px)"}
+				}
+			}
+
 		}
 		select#filemanager-index_filter {width:100%;}
 		.nextmatch_header_row div.header_row_right {height:auto;position: relative !important;}
diff --git a/filemanager/templates/mobile/index.xet b/filemanager/templates/mobile/index.xet
index 9c4cd911ed..490a7aac37 100644
--- a/filemanager/templates/mobile/index.xet
+++ b/filemanager/templates/mobile/index.xet
@@ -42,6 +42,7 @@
 			<buttononly label="Tile view" id="button[change_view]" onclick="app.filemanager.change_view" options="list_tile"/>
 			<button label="File a file" onclick="window.open(egw::link('/index.php','menuaction=stylite.stylite_filemanager.upload'),'_blank','dependent=yes,width=550,height=350,scrollbars=yes,status=yes'); return false;" image="upload"/>
 		</hbox>
+		<dropdown_button id="new" onchange="app.filemanager.create_new" label="New" onclick="app.filemanager.create_new"/>
 	</template>
 	<template id="filemanager.index.header_left" template="" lang="" group="0" version="1.9.002">
 		<hbox span="all" class="filemanager_navigation">
diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css
index f7574945ba..3a17073c50 100644
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@@ -7802,7 +7802,15 @@ form[id^="wiki-"] .dialogHeadbar {
   body .ui-dialog .ui-dialog-buttonpane button span {
     padding-left: 20px;
   }
-  body .ui-dialog-titlebar {
+  body .ui-dialog .ui-dialog-titlebar {
+    position: fixed;
+    color: white;
+    z-index: 100;
+    background: #0c5da5;
+    width: 30%;
+    padding-top: 10px;
+  }
+  body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
     display: none;
   }
   body button.plus_button {
diff --git a/pixelegg/mobile/fw_mobile.less b/pixelegg/mobile/fw_mobile.less
index e2de95d690..2db0d6b591 100644
--- a/pixelegg/mobile/fw_mobile.less
+++ b/pixelegg/mobile/fw_mobile.less
@@ -521,8 +521,16 @@
 			}
 			background: #0c5da5;
 		}
-		.ui-dialog-titlebar {
-			display: none;
+		.ui-dialog .ui-dialog-titlebar {
+			position: fixed;
+			color: white;
+			z-index: 100;
+			background: #0c5da5;
+			width: 30%;
+			padding-top: 10px;
+			.ui-dialog-titlebar-close {
+				display: none;
+			}
 		}
 		button.plus_button {
 			position: absolute !important;