Fix interaction modal layout (#26368)
This commit is contained in:
parent
c363978782
commit
cd6f2b3cbc
2 changed files with 16 additions and 35 deletions
|
@ -331,16 +331,14 @@ class InteractionModal extends React.PureComponent {
|
|||
}
|
||||
|
||||
let signupButton;
|
||||
let signUpOrSignInButton;
|
||||
|
||||
if (sso_redirect) {
|
||||
signUpOrSignInButton = (
|
||||
<a href={sso_redirect} data-method='post' className='button button--block button-tertiary'>
|
||||
<FormattedMessage id='sign_in_banner.sso_redirect' defaultMessage='Login or Register' />
|
||||
signupButton = (
|
||||
<a href={sso_redirect} data-method='post' className='link-button'>
|
||||
<FormattedMessage id='sign_in_banner.create_account' defaultMessage='Create account' />
|
||||
</a>
|
||||
)
|
||||
} else {
|
||||
if(registrationsOpen) {
|
||||
);
|
||||
} else if (registrationsOpen) {
|
||||
signupButton = (
|
||||
<a href='/auth/sign_up' className='link-button'>
|
||||
<FormattedMessage id='sign_in_banner.create_account' defaultMessage='Create account' />
|
||||
|
@ -348,22 +346,12 @@ class InteractionModal extends React.PureComponent {
|
|||
);
|
||||
} else {
|
||||
signupButton = (
|
||||
<button className='button button--block button-tertiary' onClick={this.handleSignupClick}>
|
||||
<button className='link-button' onClick={this.handleSignupClick}>
|
||||
<FormattedMessage id='sign_in_banner.create_account' defaultMessage='Create account' />
|
||||
</button>
|
||||
);
|
||||
}
|
||||
|
||||
signUpOrSignInButton = (
|
||||
<>
|
||||
<a href='/auth/sign_in' className='button button--block'>
|
||||
<FormattedMessage id='sign_in_banner.sign_in' defaultMessage='Login' />
|
||||
</a>
|
||||
{signupButton}
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<div className='modal-root__modal interaction-modal'>
|
||||
<div className='interaction-modal__lead'>
|
||||
|
@ -371,13 +359,6 @@ class InteractionModal extends React.PureComponent {
|
|||
<p>{actionDescription} <strong><FormattedMessage id='interaction_modal.sign_in' defaultMessage='You are not logged in to this server. Where is your account hosted?' /></strong></p>
|
||||
</div>
|
||||
|
||||
<div className='interaction-modal__choices'>
|
||||
<div className='interaction-modal__choices__choice'>
|
||||
<h3><FormattedMessage id='interaction_modal.on_this_server' defaultMessage='On this server' /></h3>
|
||||
{signUpOrSignInButton}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<IntlLoginForm resourceUrl={url} />
|
||||
|
||||
<p className='hint'><FormattedMessage id='interaction_modal.sign_in_hint' defaultMessage="Tip: That's the website where you signed up. If you don't remember, look for the welcome e-mail in your inbox. You can also enter your full username! (e.g. @Mastodon@mastodon.social)" /></p>
|
||||
|
|
Loading…
Reference in a new issue