From 1a15cb5b3257973d64e16ea4c88a7eb72e077fb7 Mon Sep 17 00:00:00 2001
From: Pierre Ossman <ossman@cendio.se>
Date: Thu, 22 Sep 2016 12:58:05 +0200
Subject: [PATCH] Add hover hints to buttons

Disable it on touch devices though as it is mostly annoying there.
---
 app/styles/base.css | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/app/styles/base.css b/app/styles/base.css
index 89b8eeaf..4431908d 100644
--- a/app/styles/base.css
+++ b/app/styles/base.css
@@ -97,6 +97,10 @@ input[type=button]:active, select:active {
   margin-top: 3px;
 }
 
+:root:not(.noVNC_touch) input[type=button]:hover:not(:disabled), :root:not(.noVNC_touch) select:hover:not(:disabled) {
+  background: linear-gradient(to top, rgb(255, 255, 255), rgb(250, 250, 250));
+}
+
 /* ----------------------------------------
  * WebKit centering hacks
  * ----------------------------------------
@@ -250,6 +254,13 @@ input[type=button]:active, select:active {
   padding-top: 5px;
   padding-bottom: 3px;
 }
+:root:not(.noVNC_touch) .noVNC_button.noVNC_selected:hover {
+  border-color: rgba(0, 0, 0, 0.4);
+  background: rgba(0, 0, 0, 0.2);
+}
+:root:not(.noVNC_touch) .noVNC_button:hover {
+  background: rgba(255, 255, 255, 0.2);
+}
 .noVNC_button.noVNC_hidden {
   display: none;
 }