github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-26 22:53:43 +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-wrap: wrap;
justify-content: center;
padding: 1em;
padding: 0 1em;
margin: 0;
gap: 0 0.25em;
.btn {
padding: 0.53em 0.53em 0.53em 0.43em;
padding: 0.5em;
border: 1px solid var(--primary-low);
flex: 1 1 47%;
margin: 0 0.5em 0.5em 0;
font-size: var(--font-down-1);
white-space: nowrap;
&:last-child {
margin-right: 0;
@ -144,6 +145,13 @@
// Styles for the
// login modal only
#discourse-modal {
&.d-modal.login-modal:not(.hidden) .modal-body {
max-height: 68vh !important; // overrides another important
}
}
.d-modal.login-modal {
#credentials {
width: 100%;

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

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