diff options
| author | Jan C. Borchardt <hey@jancborchardt.net> | 2021-04-12 14:58:26 +0200 |
|---|---|---|
| committer | backportbot[bot] <backportbot[bot]@users.noreply.github.com> | 2021-04-13 07:27:54 +0000 |
| commit | 0ba4ff060ae5a942828f2d8a6063fc2186935324 (patch) | |
| tree | a51938c9a9ee61177002e03ba7578c86c67ebb4e /core | |
| parent | 736933af7aa18fc6fc40b61fe44c0aae9424e7eb (diff) | |
| download | nextcloud-server-0ba4ff060ae5a942828f2d8a6063fc2186935324.tar.gz nextcloud-server-0ba4ff060ae5a942828f2d8a6063fc2186935324.zip | |
Fix password visibility toggle alt text and hover/focus feedback
Signed-off-by: Jan C. Borchardt <hey@jancborchardt.net>
Diffstat (limited to 'core')
| -rw-r--r-- | core/css/guest.css | 10 | ||||
| -rw-r--r-- | core/src/components/login/LoginForm.vue | 2 |
2 files changed, 9 insertions, 3 deletions
diff --git a/core/css/guest.css b/core/css/guest.css index 340d3954c95..b072786f663 100644 --- a/core/css/guest.css +++ b/core/css/guest.css @@ -285,8 +285,14 @@ input[type='password'].password-with-toggle, input[type='text'].password-with-to } .toggle-password { position: absolute; - top: 17px; - right: 20px; + top: 1px; + right: 5px; + padding: 14px; + height: 16px; +} +.toggle-password:hover, +.toggle-password:focus { + opacity: .6; } input.login { width: 260px; diff --git a/core/src/components/login/LoginForm.vue b/core/src/components/login/LoginForm.vue index 9f0d4f9ba1c..c75b6f2c7ea 100644 --- a/core/src/components/login/LoginForm.vue +++ b/core/src/components/login/LoginForm.vue @@ -82,7 +82,7 @@ <label for="password" class="infield">{{ t('Password') }}</label> <a href="#" class="toggle-password" @click.stop.prevent="togglePassword"> - <img :src="toggleIcon"> + <img :src="toggleIcon" :alt="t('core', 'Toggle password visibility')"> </a> </p> |