feat: fix select language box overlay (#1289)

* fix: select language box overlay

* fix: select language box position

* fix: select language box position

* fix: select language box position
This commit is contained in:
Chell
2022-11-13 03:52:22 +01:00
committed by GitHub
parent f818200c95
commit d542208eb8
3 changed files with 4 additions and 4 deletions

View File

@ -123,7 +123,7 @@
.login-form { .login-form {
text-align: center; text-align: center;
padding: 10px; padding: 30px;
} }
.login-content { .login-content {

View File

@ -784,7 +784,6 @@ class LoginPage extends React.Component {
<div className="login-content" style={{margin: this.parseOffset(application.formOffset)}}> <div className="login-content" style={{margin: this.parseOffset(application.formOffset)}}>
{Setting.inIframe() ? null : <div dangerouslySetInnerHTML={{__html: application.formCss}} />} {Setting.inIframe() ? null : <div dangerouslySetInnerHTML={{__html: application.formCss}} />}
<div className="login-panel"> <div className="login-panel">
<SelectLanguageBox id="language-box-corner" style={{top: "50px"}} />
<div className="side-image" style={{display: application.formOffset !== 4 ? "none" : null}}> <div className="side-image" style={{display: application.formOffset !== 4 ? "none" : null}}>
<div dangerouslySetInnerHTML={{__html: application.formSideHtml}} /> <div dangerouslySetInnerHTML={{__html: application.formSideHtml}} />
</div> </div>
@ -800,6 +799,7 @@ class LoginPage extends React.Component {
{/* {*/} {/* {*/}
{/* this.state.clientId !== null ? "Redirect" : null*/} {/* this.state.clientId !== null ? "Redirect" : null*/}
{/* }*/} {/* }*/}
<SelectLanguageBox id="language-box-corner" style={{top: "55px", right: "5px", position: "absolute"}} />
{ {
this.renderSignedInBox() this.renderSignedInBox()
} }

View File

@ -562,7 +562,7 @@ class SignupPage extends React.Component {
application: application.name, application: application.name,
organization: application.organization, organization: application.organization,
}} }}
style={{width: !Setting.isMobile() ? "400px" : "250px"}} style={{width: !Setting.isMobile() ? "400px" : "300px"}}
size="large" size="large"
> >
<Form.Item <Form.Item
@ -633,7 +633,6 @@ class SignupPage extends React.Component {
<div className="login-content" style={{margin: this.parseOffset(application.formOffset)}}> <div className="login-content" style={{margin: this.parseOffset(application.formOffset)}}>
{Setting.inIframe() ? null : <div dangerouslySetInnerHTML={{__html: application.formCss}} />} {Setting.inIframe() ? null : <div dangerouslySetInnerHTML={{__html: application.formCss}} />}
<div className="login-panel" > <div className="login-panel" >
<SelectLanguageBox id="language-box-corner" style={{top: "50px"}} />
<div className="side-image" style={{display: application.formOffset !== 4 ? "none" : null}}> <div className="side-image" style={{display: application.formOffset !== 4 ? "none" : null}}>
<div dangerouslySetInnerHTML={{__html: application.formSideHtml}} /> <div dangerouslySetInnerHTML={{__html: application.formSideHtml}} />
</div> </div>
@ -645,6 +644,7 @@ class SignupPage extends React.Component {
{ {
Setting.renderLogo(application) Setting.renderLogo(application)
} }
<SelectLanguageBox id="language-box-corner" style={{top: "55px", right: "5px", position: "absolute"}} />
{ {
this.renderForm(application) this.renderForm(application)
} }