github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-25 09:42:07 +08:00
Code Issues Actions 6 Packages Projects Releases Wiki Activity

UX: show the SSO options when creating an account on mobile (#25260)

Browse Source
This commit is contained in:
chapoi 2024-01-15 17:36:00 +02:00 committed by GitHub
parent c177c198c5
commit d5f527ee37
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 28 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/assets/javascripts/discourse/app/components/modal/create-account.hbs
View File

@ -281,7 +281,11 @@
{{loading-spinner size="large"}}
{{/if}}
</div>
{{#if (and this.hasAtLeastOneLoginButton this.site.desktopView)}}
{{#if this.hasAtLeastOneLoginButton}}
{{#if this.site.mobileView}}
<div class="login-or-separator"><span>
{{i18n "login.or"}}</span></div>{{/if}}
<div class="login-right-side">
<LoginButtons
@externalLogin={{this.externalLogin}}

23
app/assets/stylesheets/mobile/login-modal.scss
View File

@ -25,6 +25,29 @@
padding: 1rem;
}
.login-right-side {
padding: 1rem 0 0;
background: unset;
}
.login-or-separator {
border-top: 1px solid var(--primary-low);
position: relative;
margin-block: 1rem;
span {
transform: translate(-50%, -50%);
position: absolute;
left: 50%;
top: 50%;
background: var(--secondary);
padding-inline: 0.5rem;
color: var(--primary-medium);
font-size: var(--font-down-1-rem);
text-transform: uppercase;
}
}
#login-buttons {
flex-direction: row;
flex-wrap: wrap;