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

GUAC-1170: Use OSK style for text input.

Browse Source
This commit is contained in:
Michael Jumper
2015-04-30 00:22:06 -07:00
parent 5e9efc1c8b
commit 53f8522201
1 changed files with 31 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
guacamole/src/main/webapp/app/textInput/styles/textInput.css
View File

@@ -22,8 +22,8 @@
.text-input { .text-input {
width: 100%; width: 100%;
border-top: 1px solid rgba(0, 0, 0, 0.5); background: #222;
background: #CDA; color: white;
} }
.text-input .text-input-field, .text-input .text-input-field,
@@ -50,6 +50,7 @@
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
color: white;
font-size: 12pt; font-size: 12pt;
width: 100%; width: 100%;
height: auto; height: auto;
@@ -59,7 +60,7 @@
margin: 0; margin: 0;
padding: 0.25em; padding: 0.25em;
padding-left: 0; padding-left: 0;
background: #CDA; background: transparent;
overflow: hidden; overflow: hidden;
} }
@@ -87,20 +88,38 @@
} }
.text-input .text-input-buttons button { .text-input .text-input-buttons button {
border: 1px solid rgba(0, 0, 0, 0.5);
background: none;
color: black;
box-shadow: none; box-shadow: none;
text-shadow: none;
padding: 0.25em; padding: 0.25em;
max-width: 20%; max-width: 20%;
margin: 0.1em; margin: 0.1em;
min-width: 3em; min-width: 3em;
background: #444;
border: 2px solid #666;
-moz-border-radius: 0.25em;
-webkit-border-radius: 0.25em;
-khtml-border-radius: 0.25em;
border-radius: 0.25em;
color: white;
font-weight: lighter;
text-align: center;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25),
1px -1px 0 rgba(0, 0, 0, 0.25),
-1px 1px 0 rgba(0, 0, 0, 0.25),
-1px -1px 0 rgba(0, 0, 0, 0.25);
} }
.text-input .text-input-buttons button:active, .text-input .text-input-buttons button:active {
.text-input .text-input-buttons button.pressed { background: #822;
border: 1px solid rgba(255, 255, 255, 0.5); border-color: #D44;
background: rgba(0, 0, 0, 0.75); }
color: white;
.text-input .text-input-buttons button.pressed {
background: #882;
border-color: #DD4;
} }