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

Merge pull request #175 from glyptodon/login-namespace

Browse Source 
GUAC-587: Add login-ui class to all CSS rules within the login module.
This commit is contained in:
James Muehlner
2015-05-05 21:55:34 -07:00
parent f0cd211043 a7f525cb88
commit 78efb5990a
3 changed files with 18 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
guacamole/src/main/webapp/app/login/styles/dialog.css
View File

@@ -20,7 +20,7 @@
* THE SOFTWARE. * THE SOFTWARE.
*/ */
.error .login-dialog { .login-ui.error .login-dialog {
animation-name: shake-head; animation-name: shake-head;
animation-duration: 0.25s; animation-duration: 0.25s;
animation-timing-function: linear; animation-timing-function: linear;
@@ -29,14 +29,14 @@
-webkit-animation-timing-function: linear; -webkit-animation-timing-function: linear;
} }
div.login-dialog-middle { .login-ui div.login-dialog-middle {
width: 100%; width: 100%;
display: table-cell; display: table-cell;
vertical-align: middle; vertical-align: middle;
text-align: center; text-align: center;
} }
div.login-dialog { .login-ui div.login-dialog {
animation: fadein 0.125s linear; animation: fadein 0.125s linear;
-moz-animation: fadein 0.125s linear; -moz-animation: fadein 0.125s linear;
@@ -53,27 +53,27 @@ div.login-dialog {
display: inline-block; display: inline-block;
} }
div.login-dialog h1 { .login-ui .login-dialog h1 {
margin-top: 0; margin-top: 0;
margin-bottom: 0em; margin-bottom: 0em;
text-align: center; text-align: center;
} }
div.login-dialog .buttons { .login-ui .login-dialog .buttons {
text-align: right; text-align: right;
margin: 0; margin: 0;
margin-top: 1em; margin-top: 1em;
} }
div.login-dialog .login-fields { .login-ui .login-dialog .login-fields {
vertical-align: middle; vertical-align: middle;
} }
div.login-dialog th { .login-ui .login-dialog th {
text-shadow: 1px 1px white; text-shadow: 1px 1px white;
} }
.login-dialog .version { .login-ui .login-dialog .version {
font-size: 1.25em; font-size: 1.25em;
font-weight: bold; font-weight: bold;
padding: 0.5em 0; padding: 0.5em 0;
@@ -81,7 +81,7 @@ div.login-dialog th {
text-align: center; text-align: center;
} }
.login-dialog .logo { .login-ui .login-dialog .logo {
display: block; display: block;
max-width: 3em; max-width: 3em;
margin: 0.5em auto; margin: 0.5em auto;

4
guacamole/src/main/webapp/app/login/styles/input.css
View File

@@ -20,7 +20,7 @@
* THE SOFTWARE. * THE SOFTWARE.
*/ */
.login-fields input { .login-ui .login-dialog .login-fields input {
display: block; display: block;
border: 1px solid rgba(0, 0, 0, 0.25); border: 1px solid rgba(0, 0, 0, 0.25);
-moz-border-radius: 0.2em; -moz-border-radius: 0.2em;
@@ -35,7 +35,7 @@
max-width: none; max-width: none;
} }
input[type="submit"].login { .login-ui .login-dialog .login-fields input[type="submit"] {
width: 100%; width: 100%;
margin: 0; margin: 0;
} }

14
guacamole/src/main/webapp/app/login/styles/login.css
View File

@@ -31,11 +31,11 @@ div.login-ui {
z-index: 20; z-index: 20;
} }
p.login-error { .login-ui p.login-error {
display: none; display: none;
} }
.error p.login-error { .login-ui.error p.login-error {
display: block; display: block;
position: fixed; position: fixed;
@@ -55,16 +55,16 @@ p.login-error {
color: #964040; color: #964040;
} }
.login-fields .form-field .password-field .toggle-password { .login-ui .login-fields .form-field .password-field .toggle-password {
display: none; display: none;
} }
.login-fields .labeled-field { .login-ui .login-fields .labeled-field {
display: block; display: block;
position: relative; position: relative;
} }
.login-fields .labeled-field .field-header { .login-ui .login-fields .labeled-field .field-header {
display: block; display: block;
position: absolute; position: absolute;
@@ -79,10 +79,10 @@ p.login-error {
} }
.login-fields .labeled-field.empty input { .login-ui .login-fields .labeled-field.empty input {
background: transparent; background: transparent;
} }
.login-fields .labeled-field input:focus { .login-ui .login-fields .labeled-field input:focus {
background: white; background: white;
} }