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

Merge pull request #26535 from nextcloud/backport/26521/stable21 

[stable21] Fix accessibility issues on log in screen
This commit is contained in:
Roeland Jago Douma 2021-04-13 20:08:31 +02:00 committed by GitHub
parent 736933af7a fb588f4cbd
commit 0b75897a69
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 18 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
core/css/guest.css
View File

@ -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;
@ -334,7 +340,9 @@ button.primary:not(:disabled):hover,
button.primary:not(:disabled):focus,
a.primary:not(:disabled):hover,
a.primary:not(:disabled):focus {
color: rgba(255, 255, 255, .8);
color: rgba(255, 255, 255, 1);
background-image: linear-gradient(40deg, #0082c9 0%, #30b6ff 100%);
background-position: initial;
}
/* Checkboxes - white only for login */

2
core/js/dist/login.js vendored
View File

File diff suppressed because one or more lines are too long

2
core/js/dist/login.js.map vendored
View File

File diff suppressed because one or more lines are too long

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

@ -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>

6
core/src/views/Login.vue
View File

@ -46,7 +46,9 @@
{{ t('core', 'Forgot password?') }}
</a>
<br>
<a v-if="hasPasswordless" @click.prevent="passwordlessLogin = true">
<a v-if="hasPasswordless"
href="#"
@click.prevent="passwordlessLogin = true">
{{ t('core', 'Log in with a device') }}
</a>
</div>
@ -61,7 +63,7 @@
:is-https="isHttps"
:has-public-key-credential="hasPublicKeyCredential"
@submit="loading = true" />
<a @click.prevent="passwordlessLogin = false">
<a @click.prevent="passwordlessLogin = false" href="#">
{{ t('core', 'Back') }}
</a>
</div>