Show sorting icons when hovering over

1 files changed, 9 insertions, 5 deletions

diff --git a/apps/files/css/files.css b/apps/files/css/files.css
index 287dedc23f2..f5fe6819e11 100644
--- a/apps/files/css/files.css
+++ b/apps/files/css/files.css
@@ -99,7 +99,7 @@
 }
 
 #filestable tbody tr { background-color:#fff; height:40px; }
-#filestable tbody tr:hover, tbody tr:active {
+#filestable tbody tr:hover, tbody tr:active , tbody th:hover, tbody th:active {
 	background-color: rgb(240,240,240);
 }
 #filestable tbody tr.selected {
@@ -152,16 +152,20 @@ table th .columntitle.name {
 	padding-right: 80px;
 	margin-left: 50px;
 }
-/* hover effect on sortable column */
-table th a.columntitle:hover {
-	color: #000;
-}
+
+.sort-indicator.hidden { visibility: hidden; }
 table th .sort-indicator {
 	width: 10px;
 	height: 8px;
 	margin-left: 10px;
 	display: inline-block;
 }
+table th:hover .sort-indicator.hidden {
+    	width: 10px;
+	height: 8px;
+	margin-left: 10px;
+	visibility: visible;
+}
 table th, table td { border-bottom:1px solid #ddd; text-align:left; font-weight:normal; }
 table td {
 	padding: 0 15px;