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

Add focus state for control bar buttons 

The focus can now move to the canvas so it is no longer a source of
confusion. It is also important to indicate that they have focus now
that we actually respect it.
This commit is contained in:
Pierre Ossman 2016-10-05 10:21:47 +02:00
parent 2afda54456
commit e36f95868a
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/styles/base.css
View File

@ -457,11 +457,15 @@ select:active {
padding-top: 5px; padding-top: 5px;
padding-bottom: 3px; padding-bottom: 3px;
} }
:root:not(.noVNC_touch) .noVNC_button.noVNC_selected:hover { /* Android browsers don't properly update hover state if touch events
* are intercepted, but focus should be safe to display */
:root:not(.noVNC_touch) .noVNC_button.noVNC_selected:hover,
.noVNC_button.noVNC_selected:focus {
border-color: rgba(0, 0, 0, 0.4); border-color: rgba(0, 0, 0, 0.4);
background: rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.2);
} }
:root:not(.noVNC_touch) .noVNC_button:hover { :root:not(.noVNC_touch) .noVNC_button:hover,
.noVNC_button:focus {
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.2);
} }
.noVNC_button.noVNC_hidden { .noVNC_button.noVNC_hidden {