diff --git a/application/forms/Authentication/LoginForm.php b/application/forms/Authentication/LoginForm.php index 4b1c75ca6..2d824c591 100644 --- a/application/forms/Authentication/LoginForm.php +++ b/application/forms/Authentication/LoginForm.php @@ -52,21 +52,23 @@ class LoginForm extends Form 'text', 'username', array( - 'label' => t('Username'), - 'required' => true + 'required' => true, + 'placeholder' => t('Username'), + 'class' => 'autofocus' ) + ); $this->addElement( 'password', 'password', array( - 'label' => t('Password'), + 'placeholder' => t('Password'), 'required' => true ) ); - $this->setSubmitLabel('Login'); + $this->setSubmitLabel('Login'); } } diff --git a/application/views/scripts/authentication/login.phtml b/application/views/scripts/authentication/login.phtml index 8c5204c26..4fc9692c6 100644 --- a/application/views/scripts/authentication/login.phtml +++ b/application/views/scripts/authentication/login.phtml @@ -2,17 +2,20 @@
- errorInfo)): ?> +

Icinga Users Login

+ errorInfo)): ?>
errorInfo ?>
form ?> +
-
diff --git a/public/css/icinga/login.less b/public/css/icinga/login.less index 0fe96be24..17a64a3e7 100644 --- a/public/css/icinga/login.less +++ b/public/css/icinga/login.less @@ -1,53 +1,67 @@ -.login { - .logo { - background-color: #666666; - background-image: linear-gradient(to bottom, #444444, #666666); - -ms-background-image: linear-gradient(to bottom, #444444, #666666); - -webkit-background-image: linear-gradient(to bottom, #444444, #666666); - -moz-background-image: linear-gradient(to bottom, #444444, #666666); - -o-background-image: linear-gradient(to bottom, #444444, #666666); - position:absolute; - top: 0; - left: 0; - bottom:60%; - right: 0; - border-bottom:1px solid black; - text-align: center; +.login .logo { + background-color: #555; + -moz-background-image: linear-gradient(to bottom, #333, #555); + -ms-background-image: linear-gradient(to bottom, #333, #555); + -o-background-image: linear-gradient(to bottom, #333, #555); + -webkit-background-image: linear-gradient(to bottom, #333, #555); + background-image: linear-gradient(to bottom, #333, #555); + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 60%; + border-bottom: 1px solid #333; + text-align: center; +} - .image { - position:absolute; - bottom:1em; - left:0px; - right:0px; - text-align:center; - } - } +.login .image { + position: absolute; + bottom: 1em; + left: 0px; + right: 0px; + text-align: center; +} - .form { - position: absolute; - top:45%; - left: 0; - bottom: 0; - right: 0; - overflow:auto; - overflow-x:hidden; - form { - margin-left: auto; - margin-right: auto; - width: 18em; - } - form input { - width: 16em; - } - } +.login .image img { + width: 400px; +} + +.login .form { + position: absolute; + font-size: 0.9em; + top: 42%; + left: 0; + bottom: 0; + right: 0; +} + +.login .form h1 { + text-align: left; + font-size: 1.5em; + margin-left: auto; + margin-right: auto; + width: 12em; + color: @colorTextDefault; +} + +.login .form label { + display: none; +} + +.login form { + margin-left: auto; + margin-right: auto; + width: 20em; +} + +.login form input { + width: 100%; + padding: 0.5em; +} + +.login .footer { + font-size: 0.9em; + text-align: center; +} - .footer { - position: absolute; - bottom: 1em; - left: 0; - right: 0; - font-size: 0.7em; - text-align: center; - } -} \ No newline at end of file