diff --git a/core/css/icons.css b/core/css/icons.css index 50dcf51fd3..df36ae5871 100644 --- a/core/css/icons.css +++ b/core/css/icons.css @@ -147,7 +147,10 @@ img.icon-loading-small-dark, object.icon-loading-small-dark, video.icon-loading- } .icon-confirm { - background-image: url('../img/actions/confirm.svg?v=1'); + background-image: url('../img/actions/confirm.svg?v=2'); +} +.icon-confirm-white { + background-image: url('../img/actions/confirm-white.svg?v=2'); } .icon-delete, diff --git a/core/css/styles.css b/core/css/styles.css index 958a93a600..8fa7691ca7 100644 --- a/core/css/styles.css +++ b/core/css/styles.css @@ -286,32 +286,10 @@ body { margin: -13px; } -/* position log in button as confirm icon in right of password field */ -#body-login #submit.login { - position: absolute; - right: 0; - top: 0; - border: none; - background-color: transparent; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; - opacity: .3; -} -#body-login #submit.login:hover, -#body-login #submit.login:focus { - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; - opacity: .7; -} -#body-login input[type="password"], -#body-login input[name="adminpass-clone"] { - padding-right: 40px; - box-sizing: border-box; - min-width: 269px; -} - #body-login form { position: relative; width: 280px; - margin: 32px auto; + margin: 16px auto; padding: 0; } #body-login form fieldset { @@ -420,7 +398,6 @@ label.infield { position: relative; margin: 0; padding: 14px; - padding-left: 28px; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; @@ -442,6 +419,8 @@ label.infield { #body-login #remember_login:hover+label, #body-login #remember_login:focus+label, +#body-login #forgot-password:hover, +#body-login #forgot-password:focus, #body-login p.info a:hover, #body-login p.info a:focus { opacity: .6; @@ -617,8 +596,8 @@ label.infield { width: 249px; } #body-login input.login { - width: auto; - float: right; + width: 269px; + background-position: right 16px center; } #body-login input[type="submit"] { padding: 10px 20px; /* larger log in and installation buttons */ @@ -627,8 +606,15 @@ label.infield { margin: 18px 5px 0 16px !important; } #body-login .remember-login-container { - margin-top: 10px; + display: inline-block; + margin: 10px 0; text-align: center; + width: 100%; +} +#body-login #forgot-password { + padding: 11px; + float: right; + color: #fff; } /* Sticky footer */ diff --git a/core/img/actions/confirm-white.svg b/core/img/actions/confirm-white.svg new file mode 100644 index 0000000000..266f2bc1ab --- /dev/null +++ b/core/img/actions/confirm-white.svg @@ -0,0 +1,4 @@ + + + + diff --git a/core/img/actions/confirm.svg b/core/img/actions/confirm.svg index e3c41453d8..f12084ed40 100644 --- a/core/img/actions/confirm.svg +++ b/core/img/actions/confirm.svg @@ -1 +1,4 @@ - \ No newline at end of file + + + + diff --git a/core/js/login.js b/core/js/login.js index 62aa8e9f37..034bb169c5 100644 --- a/core/js/login.js +++ b/core/js/login.js @@ -13,18 +13,18 @@ OC.Login = _.extend(OC.Login || {}, { onLogin: function () { $('#submit') - .removeClass('icon-confirm') + .removeClass('icon-confirm-white') .addClass('icon-loading-small') - .css('opacity', '1'); + .attr('value', t('core', 'Logging in …')); return true; }, rememberLogin: function(){ if($(this).is(":checked")){ - if($("#user").val() && $("#password").val()) { - $('#submit').trigger('click'); - } - } + if($("#user").val() && $("#password").val()) { + $('#submit').trigger('click'); + } + } } }); diff --git a/core/templates/login.php b/core/templates/login.php index 49fa0dd6af..36ed59e930 100644 --- a/core/templates/login.php +++ b/core/templates/login.php @@ -43,7 +43,7 @@ script('core', [ placeholder="t('Username or email')); ?>" value="" - autocomplete="on" autocapitalize="off" autocorrect="off" required tabindex="1"> + autocomplete="on" autocapitalize="off" autocorrect="off" required>

@@ -51,9 +51,8 @@ script('core', [ - autocomplete="on" autocapitalize="off" autocorrect="off" required tabindex="2"> + autocomplete="on" autocapitalize="off" autocorrect="off" required> -

@@ -65,16 +64,22 @@ script('core', [ t('Wrong password.')); ?>

- -
- - - - - - + + + +
+ + +
- +