From eb9a39eb68274184d8aa2784b2a4e57e9690b981 Mon Sep 17 00:00:00 2001
From: Pierre Bondoerffer <pierre@bondoer.fr>
Date: Tue, 28 Feb 2017 23:15:47 +0100
Subject: [PATCH 1/2] Add hover on elements in drive and make grid slightly
 prettier

---
 www/drive/file.css  | 5 +++++
 www/drive/file.less | 5 +++++
 2 files changed, 10 insertions(+)

diff --git a/www/drive/file.css b/www/drive/file.css
index 0013e063c..466637c0d 100644
--- a/www/drive/file.css
+++ b/www/drive/file.css
@@ -220,6 +220,9 @@ span.fa-folder-open {
 #content li:not(.header) *:not(input) {
   /*pointer-events: none;*/
 }
+#content li:not(.header):hover:not(.selected) {
+  background-color: #eee;
+}
 #content li:not(.header):hover .name {
   /*text-decoration: underline;*/
 }
@@ -233,6 +236,8 @@ span.fa-folder-open {
   text-align: center;
   vertical-align: top;
   overflow: hidden;
+  padding-top: 10px;
+  padding-bottom: 5px;
 }
 #content div.grid li .name {
   width: 100%;
diff --git a/www/drive/file.less b/www/drive/file.less
index d3f49709a..c1cc1d34e 100644
--- a/www/drive/file.less
+++ b/www/drive/file.less
@@ -261,6 +261,9 @@ span {
                 /*pointer-events: none;*/
             }
             &:hover {
+                &:not(.selected) {
+                    background-color: #eee;
+                }
                 .name {
                     /*text-decoration: underline;*/
                 }
@@ -276,6 +279,8 @@ span {
             text-align: center;
             vertical-align: top;
             overflow: hidden;
+            padding-top: 10px;
+            padding-bottom: 5px;
 
             .name {
                 width: 100%;

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 2/2] 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;*/