From 7f138c8ad9bb12f6ce79040672819099dc49d0c0 Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hnategh@gmail.com>
Date: Wed, 16 Jan 2019 16:05:38 +0100
Subject: [PATCH] Add more style to vfsPath

---
 api/templates/default/etemplate2.css | 12 ++++++++++++
 pixelegg/css/mobile.css              |  3 +++
 pixelegg/css/modern.css              |  3 +++
 pixelegg/css/pixelegg.css            |  3 +++
 pixelegg/less/etemplate2.less        |  6 +++++-
 pixelegg/mobile/fw_mobile.css        |  3 +++
 6 files changed, 29 insertions(+), 1 deletion(-)

diff --git a/api/templates/default/etemplate2.css b/api/templates/default/etemplate2.css
index b1a850bc5e..1d9934cf63 100644
--- a/api/templates/default/etemplate2.css
+++ b/api/templates/default/etemplate2.css
@@ -912,6 +912,9 @@ div.et2_vfsPath ul {
     padding-bottom: 13px;
     max-width: 92%;
     margin-right: 7%;
+	background-image: url(images/egw_action/focused_hatching.svg);
+    background-position: left;
+	background-size: 16px;
 }
 div.et2_vfsPath ul::-webkit-scrollbar {
       background: transparent;
@@ -958,6 +961,15 @@ li.vfsPath.et2_clickable:not(:first-child):after {
     margin-left: 5px;
     display: inline-block;
 }
+.et2_vfsPath input.et2_textbox.et2_vfs {
+    background-image: url(images/edit.png);
+    background-repeat: no-repeat;
+    background-size: 16px;
+    background-position: center;
+    background-position-x: 98%;
+    padding-right: 30px;
+}
+
 div.et2_vfsPath li:hover {
 	text-decoration: underline;
 }
diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css
index 5f1d52f096..539d1bf243 100644
--- a/pixelegg/css/mobile.css
+++ b/pixelegg/css/mobile.css
@@ -986,6 +986,9 @@
   .et2_nowrap > label > * {
     padding-left: 5px;
   }
+  .et2_vfsPath input.et2_textbox.et2_vfs {
+    background-image: url(../images/edit.png);
+  }
   /*#################################### ET2 SEARCHBOX #####################################################*/
   .et2_searchbox button.et2_button {
     background-image: url(../images/search.png);
diff --git a/pixelegg/css/modern.css b/pixelegg/css/modern.css
index 7bfd12ec89..61ecf4c37a 100644
--- a/pixelegg/css/modern.css
+++ b/pixelegg/css/modern.css
@@ -986,6 +986,9 @@
   .et2_nowrap > label > * {
     padding-left: 5px;
   }
+  .et2_vfsPath input.et2_textbox.et2_vfs {
+    background-image: url(../images/edit.png);
+  }
   /*#################################### ET2 SEARCHBOX #####################################################*/
   .et2_searchbox button.et2_button {
     background-image: url(../images/search.png);
diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css
index 58dc6425f6..5ca990aaf5 100644
--- a/pixelegg/css/pixelegg.css
+++ b/pixelegg/css/pixelegg.css
@@ -975,6 +975,9 @@
   .et2_nowrap > label > * {
     padding-left: 5px;
   }
+  .et2_vfsPath input.et2_textbox.et2_vfs {
+    background-image: url(../images/edit.png);
+  }
   /*#################################### ET2 SEARCHBOX #####################################################*/
   .et2_searchbox button.et2_button {
     background-image: url(../images/search.png);
diff --git a/pixelegg/less/etemplate2.less b/pixelegg/less/etemplate2.less
index 1f8497cd5a..1decae6651 100755
--- a/pixelegg/less/etemplate2.less
+++ b/pixelegg/less/etemplate2.less
@@ -966,6 +966,10 @@ ul.et2_nowrap, div.et2_nowrap{
 	padding-left: 5px;
 }
 
+.et2_vfsPath input.et2_textbox.et2_vfs {
+    background-image: url(../images/edit.png);
+}
+
 /*#################################### ET2 SEARCHBOX #####################################################*/
 .et2_searchbox button.et2_button {
 	background-image: url(../images/search.png);
@@ -1047,4 +1051,4 @@ iframe#admin-index_iframe{
 
 //
 //
-//
\ No newline at end of file
+//
diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css
index 71094958c9..07bc1f67e7 100644
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@@ -997,6 +997,9 @@
   .et2_nowrap > label > * {
     padding-left: 5px;
   }
+  .et2_vfsPath input.et2_textbox.et2_vfs {
+    background-image: url(../images/edit.png);
+  }
   /*#################################### ET2 SEARCHBOX #####################################################*/
   .et2_searchbox button.et2_button {
     background-image: url(../images/search.png);