diff options
| author | Pierre Ossman <ossman@cendio.se> | 2016-09-22 12:58:05 +0200 |
|---|---|---|
| committer | Pierre Ossman <ossman@cendio.se> | 2016-09-23 14:39:22 +0200 |
| commit | 1a15cb5b3257973d64e16ea4c88a7eb72e077fb7 (patch) | |
| tree | 1aeebbee95d2b8734a5a45e90413f9db2db0fb3c | |
| parent | 5454c3451124741a0244eed66c5fc8afb6306a53 (diff) | |
| download | novnc-1a15cb5b3257973d64e16ea4c88a7eb72e077fb7.tar.gz | |
Add hover hints to buttons
Disable it on touch devices though as it is mostly annoying there.
| -rw-r--r-- | app/styles/base.css | 11 |
1 files changed, 11 insertions, 0 deletions
diff --git a/app/styles/base.css b/app/styles/base.css index 89b8eea..4431908 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; } |