mirror of
https://github.com/gyurix1968/guacamole-client.git
synced 2025-09-06 13:17:41 +00:00
Merge pull request #175 from glyptodon/login-namespace
GUAC-587: Add login-ui class to all CSS rules within the login module.
This commit is contained in:
@@ -20,7 +20,7 @@
|
||||
* THE SOFTWARE.
|
||||
*/
|
||||
|
||||
.error .login-dialog {
|
||||
.login-ui.error .login-dialog {
|
||||
animation-name: shake-head;
|
||||
animation-duration: 0.25s;
|
||||
animation-timing-function: linear;
|
||||
@@ -29,14 +29,14 @@
|
||||
-webkit-animation-timing-function: linear;
|
||||
}
|
||||
|
||||
div.login-dialog-middle {
|
||||
.login-ui div.login-dialog-middle {
|
||||
width: 100%;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div.login-dialog {
|
||||
.login-ui div.login-dialog {
|
||||
|
||||
animation: fadein 0.125s linear;
|
||||
-moz-animation: fadein 0.125s linear;
|
||||
@@ -53,27 +53,27 @@ div.login-dialog {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
div.login-dialog h1 {
|
||||
.login-ui .login-dialog h1 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div.login-dialog .buttons {
|
||||
.login-ui .login-dialog .buttons {
|
||||
text-align: right;
|
||||
margin: 0;
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
div.login-dialog .login-fields {
|
||||
.login-ui .login-dialog .login-fields {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
div.login-dialog th {
|
||||
.login-ui .login-dialog th {
|
||||
text-shadow: 1px 1px white;
|
||||
}
|
||||
|
||||
.login-dialog .version {
|
||||
.login-ui .login-dialog .version {
|
||||
font-size: 1.25em;
|
||||
font-weight: bold;
|
||||
padding: 0.5em 0;
|
||||
@@ -81,7 +81,7 @@ div.login-dialog th {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.login-dialog .logo {
|
||||
.login-ui .login-dialog .logo {
|
||||
display: block;
|
||||
max-width: 3em;
|
||||
margin: 0.5em auto;
|
||||
|
@@ -20,7 +20,7 @@
|
||||
* THE SOFTWARE.
|
||||
*/
|
||||
|
||||
.login-fields input {
|
||||
.login-ui .login-dialog .login-fields input {
|
||||
display: block;
|
||||
border: 1px solid rgba(0, 0, 0, 0.25);
|
||||
-moz-border-radius: 0.2em;
|
||||
@@ -35,7 +35,7 @@
|
||||
max-width: none;
|
||||
}
|
||||
|
||||
input[type="submit"].login {
|
||||
.login-ui .login-dialog .login-fields input[type="submit"] {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
@@ -31,11 +31,11 @@ div.login-ui {
|
||||
z-index: 20;
|
||||
}
|
||||
|
||||
p.login-error {
|
||||
.login-ui p.login-error {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.error p.login-error {
|
||||
.login-ui.error p.login-error {
|
||||
display: block;
|
||||
|
||||
position: fixed;
|
||||
@@ -55,16 +55,16 @@ p.login-error {
|
||||
color: #964040;
|
||||
}
|
||||
|
||||
.login-fields .form-field .password-field .toggle-password {
|
||||
.login-ui .login-fields .form-field .password-field .toggle-password {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.login-fields .labeled-field {
|
||||
.login-ui .login-fields .labeled-field {
|
||||
display: block;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.login-fields .labeled-field .field-header {
|
||||
.login-ui .login-fields .labeled-field .field-header {
|
||||
|
||||
display: block;
|
||||
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;
|
||||
}
|
||||
|
||||
.login-fields .labeled-field input:focus {
|
||||
.login-ui .login-fields .labeled-field input:focus {
|
||||
background: white;
|
||||
}
|
||||
|
Reference in New Issue
Block a user