jcarr
/
noVNC
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add hover hints to buttons 

Disable it on touch devices though as it is mostly annoying there.
This commit is contained in:
Pierre Ossman 2016-09-22 12:58:05 +02:00
parent 5454c34511
commit 1a15cb5b32
1 changed files with 11 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
app/styles/base.css
View File

@ -97,6 +97,10 @@ input[type=button]:active, select:active {
margin-top: 3px; 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 * WebKit centering hacks
* ---------------------------------------- * ----------------------------------------
@ -250,6 +254,13 @@ input[type=button]:active, select:active {
padding-top: 5px; padding-top: 5px;
padding-bottom: 3px; 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 { .noVNC_button.noVNC_hidden {
display: none; display: none;
} }