github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-27 01:23:38 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

UX: fix various login modal issues on mobile (#16708)

Browse Source
This commit is contained in:
Kris 2022-05-11 00:36:27 -04:00 committed by GitHub
parent a6be4972a8
commit 19677ce3f6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 19 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/assets/stylesheets/mobile/login.scss
View File

@ -35,14 +35,15 @@
flex: 1 0 auto; flex: 1 0 auto;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center; justify-content: center;
padding: 1em; padding: 0 1em;
margin: 0; margin: 0;
gap: 0 0.25em;
.btn { .btn {
padding: 0.53em 0.53em 0.53em 0.43em; padding: 0.5em;
border: 1px solid var(--primary-low); border: 1px solid var(--primary-low);
flex: 1 1 47%; flex: 1 1 47%;
margin: 0 0.5em 0.5em 0; font-size: var(--font-down-1);
white-space: nowrap; white-space: nowrap;
&:last-child { &:last-child {
margin-right: 0; margin-right: 0;
@ -144,6 +145,13 @@
// Styles for the // Styles for the
// login modal only // login modal only
#discourse-modal {
&.d-modal.login-modal:not(.hidden) .modal-body {
max-height: 68vh !important; // overrides another important
}
}
.d-modal.login-modal { .d-modal.login-modal {
#credentials { #credentials {
width: 100%; width: 100%;

16
config/locales/client.en.yml
View File

@ -1999,20 +1999,20 @@ en:
sr_title: "Sign in with Twitter" sr_title: "Sign in with Twitter"
instagram: instagram:
name: "Instagram" name: "Instagram"
title: "Login with Instagram" title: "Log in with Instagram"
sr_title: "Login with Instagram" sr_title: "Log in with Instagram"
facebook: facebook:
name: "Facebook" name: "Facebook"
title: "Login with Facebook" title: "Log in with Facebook"
sr_title: "Login with Facebook" sr_title: "Log in with Facebook"
github: github:
name: "GitHub" name: "GitHub"
title: "Login with GitHub" title: "Log in with GitHub"
sr_title: "Login with GitHub" sr_title: "Log in with GitHub"
discord: discord:
name: "Discord" name: "Discord"
title: "Login with Discord" title: "Log in with Discord"
sr_title: "Login with Discord" sr_title: "Log in with Discord"
second_factor_toggle: second_factor_toggle:
totp: "Use an authenticator app instead" totp: "Use an authenticator app instead"
backup_code: "Use a backup code instead" backup_code: "Use a backup code instead"