From 3e9c4d0901463ea9f20e077341670bc281f6132b Mon Sep 17 00:00:00 2001
From: Pierre Bondoerffer <pierre@bondoer.fr>
Date: Wed, 1 Mar 2017 15:57:22 +0100
Subject: [PATCH] Add hover to file manager tree

---
 www/drive/file.css  | 11 +++++++----
 www/drive/file.less | 15 ++++++++++-----
 2 files changed, 17 insertions(+), 9 deletions(-)

diff --git a/www/drive/file.css b/www/drive/file.css
index 466637c0d..e80d6f98a 100644
--- a/www/drive/file.css
+++ b/www/drive/file.css
@@ -101,18 +101,21 @@ span.fa-folder-open {
   color: #000;
 }
 #tree li {
-  /*cursor: pointer;*/
   cursor: auto;
 }
-#tree li:hover > span.element {
-  text-decoration: underline;
-}
 #tree li.collapsed ul {
   display: none;
 }
 #tree li input {
   width: calc(70%);
 }
+#tree li > span.element-row {
+  width: 100%;
+  display: inline-block;
+}
+#tree li > span.element-row:not(.selected):hover {
+  background-color: #eee;
+}
 #tree span.element {
   cursor: pointer;
 }
diff --git a/www/drive/file.less b/www/drive/file.less
index c1cc1d34e..d5a7c1d73 100644
--- a/www/drive/file.less
+++ b/www/drive/file.less
@@ -2,6 +2,8 @@
 @tree-fg: #000;
 @tree-lines-col: #888;
 
+@drive-hover: #eee;
+
 @content-bg: @tree-bg;
 @content-bg-ro: darken(@content-bg, 10%);
 @content-fg: @tree-fg;
@@ -134,17 +136,20 @@ span {
     padding: 10px 0px;
     color: @tree-fg;
     li {
-        /*cursor: pointer;*/
         cursor: auto;
-        &:hover > span.element {
-            text-decoration: underline;
-        }
         &.collapsed ul {
             display: none;
         }
         input {
             width: calc(100% - 30px);
         }
+        & > span.element-row {
+            width: 100%;
+            display: inline-block;
+        }
+        & > span.element-row:not(.selected):hover {
+            background-color: @drive-hover;
+        }
     }
     span.element {
         cursor: pointer;
@@ -262,7 +267,7 @@ span {
             }
             &:hover {
                 &:not(.selected) {
-                    background-color: #eee;
+                    background-color: @drive-hover;
                 }
                 .name {
                     /*text-decoration: underline;*/