mbk-lab
/
nextcloud
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge pull request #696 from nextcloud/stable10-backport-shake-login 

[stable10] Shake the login fields if password is wrong
This commit is contained in:
Jan-Christoph Borchardt 2016-08-02 15:33:33 +02:00 committed by GitHub
parent 1ae21d1e33 c0f2207016
commit 16358381cc
2 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
core/css/inputs.css
View File

@ -310,3 +310,17 @@ input:disabled+label, input:disabled:hover+label, input:disabled:focus+label {
background-color: #00a2e9; background-color: #00a2e9;
color: #bbb; color: #bbb;
} }
@keyframes shake {
0% { transform: translate(-5px, 0); }
20% { transform: translate(5px, 0); }
40% { transform: translate(-5px, 0); }
60% { transform: translate(5px, 0); }
80% { transform: translate(-5px, 0); }
100% { transform: translate(5px, 0); }
}
.shake {
animation-name: shake;
animation-duration: .3s;
animation-timing-function: ease-out;
}

4
core/templates/login.php
View File

@ -38,7 +38,7 @@ script('core', [
<!-- the following div ensures that the spinner is always inside the #message div --> <!-- the following div ensures that the spinner is always inside the #message div -->
<div style="clear: both;"></div> <div style="clear: both;"></div>
</div> </div>
<p class="grouptop"> <p class="grouptop<?php if (!empty($_['invalidpassword'])) { ?> shake<?php } ?>">
<input type="text" name="user" id="user" <input type="text" name="user" id="user"
placeholder="<?php p($l->t('Username or email')); ?>" placeholder="<?php p($l->t('Username or email')); ?>"
value="<?php p($_['loginName']); ?>" value="<?php p($_['loginName']); ?>"
@ -47,7 +47,7 @@ script('core', [
<label for="user" class="infield"><?php p($l->t('Username or email')); ?></label> <label for="user" class="infield"><?php p($l->t('Username or email')); ?></label>
</p> </p>
<p class="groupbottom"> <p class="groupbottom<?php if (!empty($_['invalidpassword'])) { ?> shake<?php } ?>">
<input type="password" name="password" id="password" value="" <input type="password" name="password" id="password" value=""
placeholder="<?php p($l->t('Password')); ?>" placeholder="<?php p($l->t('Password')); ?>"
<?php p($_['user_autofocus'] ? '' : 'autofocus'); ?> <?php p($_['user_autofocus'] ? '' : 'autofocus'); ?>