Login: Increase focus visibility

This commit is contained in:
Eric Lippmann 2016-01-04 11:41:36 +01:00
parent 93539d9369
commit 999725e605
2 changed files with 14 additions and 0 deletions

View File

@ -25,6 +25,7 @@
} }
#header, #header,
#login,
#main > .container, #main > .container,
#menu { #menu {
font-size: @font-size; font-size: @font-size;

View File

@ -3,6 +3,8 @@
// Login page styles // Login page styles
#login { #login {
font-size: 1em;
#icinga-logo { #icinga-logo {
.fadein(); .fadein();
} }
@ -46,8 +48,18 @@
border-bottom: solid 3px @body-bg-color; border-bottom: solid 3px @body-bg-color;
color: @body-bg-color; color: @body-bg-color;
display: block; display: block;
height: 2.5em;
margin: 0; margin: 0;
transition: none;
width: 100%; width: 100%;
&:focus {
.rounded-corners(3px);
background-color: @body-bg-color;
border: none;
color: @icinga-blue;
padding-bottom: 3px;
}
} }
.form-controls { .form-controls {
@ -57,6 +69,7 @@
input[type=submit] { input[type=submit] {
.button(@icinga-blue, @body-bg-color); .button(@icinga-blue, @body-bg-color);
height: 2.5em;
margin: 0; margin: 0;
width: 100%; width: 100%;
} }