safebox/guacamole-client
4
0
Fork 0
mirror of https://github.com/gyurix1968/guacamole-client.git synced 2025-09-07 05:31:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Better classes (required by OSK), control visibility of caps based on modifiers.

Browse Source
This commit is contained in:
Michael Jumper
2012-01-21 12:07:08 -08:00
parent 1cc7d192c2
commit bfdb5a1caa
1 changed files with 18 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
guacamole/src/main/webapp/styles/keyboard.css
View File

@@ -35,7 +35,7 @@
z-index: 1; z-index: 1;
} }
.guacamole-keyboard { .guac-keyboard {
display: inline-block; display: inline-block;
width: 100%; width: 100%;
@@ -47,11 +47,11 @@
vertical-align: middle; vertical-align: middle;
} }
.guacamole-keyboard .guacamole-keyboard-key-container { .guac-keyboard .guac-keyboard-key-container {
display: inline-block; display: inline-block;
} }
.guacamole-keyboard .guacamole-keyboard-key { .guac-keyboard .guac-keyboard-key {
background: #444; background: #444;
border: 1px solid #888; border: 1px solid #888;
-moz-border-radius: 0.1em; -moz-border-radius: 0.1em;
@@ -60,7 +60,7 @@
border-radius: 0.1em; border-radius: 0.1em;
} }
.guacamole-keyboard .guacamole-keyboard-cap { .guac-keyboard .guac-keyboard-cap {
color: white; color: white;
font-family: sans-serif; font-family: sans-serif;
font-size: 50%; font-size: 50%;
@@ -69,40 +69,45 @@
white-space: pre; white-space: pre;
} }
.guacamole-keyboard .guacamole-keyboard-key:hover .guacamole-keyboard-cap { .guac-keyboard .guac-keyboard-key:hover .guac-keyboard-cap {
background: #666; background: #666;
border-color: #666; border-color: #666;
cursor: pointer; cursor: pointer;
} }
.guacamole-keyboard .guacamole-keyboard-key.pressed:hover .guacamole-keyboard-cap { .guac-keyboard .guac-keyboard-key.pressed:hover .guac-keyboard-cap {
background: #822; background: #822;
border-color: #D44; border-color: #D44;
} }
.guacamole-keyboard .guacamole-keyboard-key.active:hover .guacamole-keyboard-cap { .guac-keyboard .guac-keyboard-key.active:hover .guac-keyboard-cap {
background: #882; background: #882;
border-color: #DD4; border-color: #DD4;
} }
.guacamole-keyboard .guacamole-keyboard-row { .guac-keyboard .guac-keyboard-row {
line-height: 0; line-height: 0;
} }
.guacamole-keyboard .guacamole-keyboard-column { .guac-keyboard .guac-keyboard-column {
display: inline-block; display: inline-block;
text-align: center; text-align: center;
vertical-align: top; vertical-align: top;
} }
.guacamole-keyboard .guacamole-keyboard-gap { .guac-keyboard .guac-keyboard-gap {
display: inline-block; display: inline-block;
} }
.guacamole-keyboard .guacamole-keyboard-requires-caps { /* Hide caps which require modifiers which are not provided */
.guac-keyboard:not(.guac-keyboard-modifier-caps) .guac-keyboard-cap.guac-keyboard-requires-caps,
.guac-keyboard:not(.guac-keyboard-modifier-shift) .guac-keyboard-cap.guac-keyboard-requires-shift {
display: none; display: none;
} }
.guacamole-keyboard .guacamole-keyboard-key .guacamole-keyboard-requires-shift { /* Hide caps not requiring a provided, used modifier ... */
.guac-keyboard.guac-keyboard-modifier-shift .guac-keyboard-key.guac-keyboard-uses-shift .guac-keyboard-cap:not(.guac-keyboard-requires-shift),
.guac-keyboard.guac-keyboard-modifier-caps .guac-keyboard-key.guac-keyboard-uses-caps .guac-keyboard-cap:not(.guac-keyboard-requires-caps) {
display: none; display: none;
} }