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

Fix password visibility toggle alt text and hover/focus feedback 

Signed-off-by: Jan C. Borchardt <hey@jancborchardt.net>
This commit is contained in:
Jan C. Borchardt 2021-04-12 14:58:26 +02:00 committed by backportbot[bot]
parent 736933af7a
commit 0ba4ff060a
2 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
core/css/guest.css
View File

@ -285,8 +285,14 @@ input[type='password'].password-with-toggle, input[type='text'].password-with-to
} }
.toggle-password { .toggle-password {
position: absolute; position: absolute;
top: 17px; top: 1px;
right: 20px; right: 5px;
padding: 14px;
height: 16px;
}
.toggle-password:hover,
.toggle-password:focus {
opacity: .6;
} }
input.login { input.login {
width: 260px; width: 260px;

2
core/src/components/login/LoginForm.vue
View File

@ -82,7 +82,7 @@
<label for="password" <label for="password"
class="infield">{{ t('Password') }}</label> class="infield">{{ t('Password') }}</label>
<a href="#" class="toggle-password" @click.stop.prevent="togglePassword"> <a href="#" class="toggle-password" @click.stop.prevent="togglePassword">
<img :src="toggleIcon"> <img :src="toggleIcon" :alt="t('core', 'Toggle password visibility')">
</a> </a>
</p> </p>