From 3faf02eb88590cda5e2fb743852a4b1d9be84fa4 Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hn@stylite.de>
Date: Wed, 30 Apr 2014 13:13:14 +0000
Subject: [PATCH] Apply no caption to vfs-select located in mail compose, and
 style vfs-select and file upload accordingly

---
 mail/templates/default/app.css     | 13 +++++++++
 mail/templates/default/compose.xet |  2 +-
 mail/templates/pixelegg/app.css    | 45 ++++++++++++++++++++++--------
 mail/templates/pixelegg/app.less   | 12 ++++----
 4 files changed, 53 insertions(+), 19 deletions(-)

diff --git a/mail/templates/default/app.css b/mail/templates/default/app.css
index 2ebf5d79ce..69d64a9496 100644
--- a/mail/templates/default/app.css
+++ b/mail/templates/default/app.css
@@ -362,6 +362,15 @@ input[type=button] {
 /*********************************
  ************  mailCompose  ******
  *********************************/
+#mail-compose_selectFromVFSForCompose{
+	width:20px;
+	float:none;
+	background-color: transparent;
+	background-size: 18px;
+	padding: 0;
+	background-position: center;
+	border:none;
+}
 #mail-index_button\[mailcreate\] {
 	width: 99%;
 	text-align: left;
@@ -393,6 +402,10 @@ input[type=button] {
 	width: 24px;
 	vertical-align: middle;
 }
+div.mail-compose_fileselector {
+	width:auto;
+	margin-top: 3px;
+}
 .mail-compose_fileselector span.et2_file_span {
 	background-repeat: no-repeat;
 	background-image: url(images/attach.png);
diff --git a/mail/templates/default/compose.xet b/mail/templates/default/compose.xet
index 71777b1aad..29659866ae 100644
--- a/mail/templates/default/compose.xet
+++ b/mail/templates/default/compose.xet
@@ -13,7 +13,7 @@
 		                <buttononly class="et2_button ui-button" label="Save as Draft and Print" value="saveAsDraftAndPrint" id="button[saveAsDraftAndPrint]" image="print" onclick="app.mail.saveAsDraftAndPrint"/>
                     </description>
 					<description class="email-button-group file">
-						<vfs-select class="$cont[vfsNotAvailable] compose_egw_icons" id="selectFromVFSForCompose" onchange="app.mail.vfsUploadForCompose"/>
+						<vfs-select class="$cont[vfsNotAvailable] compose_egw_icons" id="selectFromVFSForCompose" onchange="app.mail.vfsUploadForCompose" button_caption=""/>
 						<file class="mail-compose_fileselector" statustext="Select file to attach to message" multiple='true' progress='mailUploadProgress' onFinish="app.mail.uploadForCompose" id="uploadForCompose" drop_target ="mailUploadSection"/>
 					</description>
                     <description class="email-button-group egw">
diff --git a/mail/templates/pixelegg/app.css b/mail/templates/pixelegg/app.css
index 587ab119f9..884932f288 100755
--- a/mail/templates/pixelegg/app.css
+++ b/mail/templates/pixelegg/app.css
@@ -361,6 +361,15 @@ input[type=button] {
 /*********************************
  ************  mailCompose  ******
  *********************************/
+#mail-compose_selectFromVFSForCompose {
+  width: 20px;
+  float: none;
+  background-color: transparent;
+  background-size: 18px;
+  padding: 0;
+  background-position: center;
+  border: none;
+}
 #mail-index_button\[mailcreate\] {
   width: 99%;
   text-align: left;
@@ -392,6 +401,10 @@ input[type=button] {
   width: 24px;
   vertical-align: middle;
 }
+div.mail-compose_fileselector {
+  width: auto;
+  margin-top: 3px;
+}
 .mail-compose_fileselector span.et2_file_span {
   background-repeat: no-repeat;
   background-image: url(images/attach.png);
@@ -957,7 +970,7 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje
 #mail-compose .mail-compose_toolbar span.file {
   float: left;
 }
-#mail-compose .mail-compose_toolbar span.file img {
+#mail-compose .mail-compose_toolbar span.file button {
   background-color: #ffffff;
 }
 #mail-compose .mail-compose_toolbar span.egw {
@@ -1064,14 +1077,16 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje
   box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
   background-color: #189800;
 }
-#mail-compose .mail-compose_toolbar img[id="mail-compose_selectFromVFSForCompose"] {
+#mail-compose .mail-compose_toolbar button[id="mail-compose_selectFromVFSForCompose"] {
   /*margin-left: 15px !important;*/
   height: 16px;
-  padding: 1px;
   margin: 3px;
   vertical-align: middle;
   float: left;
+  height: 20px !important;
   width: auto;
+  background-size: 16px 16px;
+  padding: 0;
   /*.background_color_10_gray;*/
   -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
   -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
@@ -1081,13 +1096,13 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje
   -moz-border-radius: 3px;
   border-radius: 3px;
 }
-#mail-compose .mail-compose_toolbar img[id="mail-compose_selectFromVFSForCompose"]:hover {
+#mail-compose .mail-compose_toolbar button[id="mail-compose_selectFromVFSForCompose"]:hover {
   -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
   -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
   box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
   background-color: #189800;
 }
-#mail-compose .mail-compose_toolbar img[id="mail-compose_selectFromVFSForCompose"]:focus {
+#mail-compose .mail-compose_toolbar button[id="mail-compose_selectFromVFSForCompose"]:focus {
   -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
   -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
   box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
@@ -1097,15 +1112,17 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje
 #mail-compose .mail-compose_toolbar .mail-compose_fileselector {
   float: left;
   vertical-align: middle;
-  margin: -3px;
+  margin: 2px;
 }
 #mail-compose .mail-compose_toolbar .et2_file span.et2_file_span,
 #mail-compose .mail-compose_toolbar .mail-compose_fileselector span.et2_file_span {
   font-size: 1.1em;
   font-weight: normal;
-  /*.border_normal;*/
+  border: 1px solid rgba(0, 0, 0, 0.15);
   /*.box_shadow_standard_light;*/
-  /*.rounded (3px);*/
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
   color: #000000;
   -webkit-appearance: none;
   -webkit-transition-property: background-color;
@@ -1244,9 +1261,11 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje
 }
 #mail-compose .mailComposeHeaders span#mail-compose_cc_expander,
 #mail-compose .mailComposeHeadersSection span#mail-compose_cc_expander {
-  /*.border_normal;*/
+  border: 1px solid rgba(0, 0, 0, 0.15);
   /*.box_shadow_standard_light;*/
-  /*.rounded (3px);*/
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
   color: #000000;
   -webkit-appearance: none;
   -webkit-transition-property: background-color;
@@ -1278,9 +1297,11 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje
 }
 #mail-compose .mailComposeHeaders span#mail-compose_bcc_expander,
 #mail-compose .mailComposeHeadersSection span#mail-compose_bcc_expander {
-  /*.border_normal;*/
+  border: 1px solid rgba(0, 0, 0, 0.15);
   /*.box_shadow_standard_light;*/
-  /*.rounded (3px);*/
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
   color: #000000;
   -webkit-appearance: none;
   -webkit-transition-property: background-color;
diff --git a/mail/templates/pixelegg/app.less b/mail/templates/pixelegg/app.less
index ead34e901f..2fc3f966ec 100755
--- a/mail/templates/pixelegg/app.less
+++ b/mail/templates/pixelegg/app.less
@@ -370,7 +370,7 @@ div#mail-index{
         // file upload
         span.file {float: left;
 
-                   img{background-color: @gray_0;}
+                   button{background-color: @gray_0;}
         }
 
 
@@ -450,14 +450,16 @@ div#mail-index{
         // file
 
         // Dateimanager
-        img[id="mail-compose_selectFromVFSForCompose"] {
+        button[id="mail-compose_selectFromVFSForCompose"] {
             /*margin-left: 15px !important;*/
             .dimension_height_s;
-            padding: 1px;
             margin: 3px;
             vertical-align: middle;
             float: left;
+			height: 20px !important;
 			width: auto;
+			background-size: 16px 16px;
+			padding: 0;
             .Complete_Button_Icon_normal;
             &:hover {.box_shadow_standard_light_hover; background-color:@color_positive_action;}
             &:focus {.box_shadow_standard_light_inset; .background_color_15_gray;}
@@ -469,9 +471,7 @@ div#mail-index{
 
             float: left;
             vertical-align: middle;
-            margin:-3px;
-
-
+			margin:2px;
             span.et2_file_span{
 
                         font-size: 1.1em;