Fix password visibility toggle alt text and hover/focus feedback
Signed-off-by: Jan C. Borchardt <hey@jancborchardt.net>
This commit is contained in:
parent
736933af7a
commit
0ba4ff060a
|
@ -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;
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue