From d542208eb8fe0dc94b871ccdebb5d00e7a51262b Mon Sep 17 00:00:00 2001
From: Chell <im.chell@outlook.com>
Date: Sun, 13 Nov 2022 03:52:22 +0100
Subject: [PATCH] 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
---
 web/src/App.less           | 2 +-
 web/src/auth/LoginPage.js  | 2 +-
 web/src/auth/SignupPage.js | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/src/App.less b/web/src/App.less
index b51a4b3d..a1f34018 100644
--- a/web/src/App.less
+++ b/web/src/App.less
@@ -123,7 +123,7 @@
 
 .login-form {
   text-align: center;
-  padding: 10px;
+  padding: 30px;
 }
 
 .login-content {
diff --git a/web/src/auth/LoginPage.js b/web/src/auth/LoginPage.js
index 3c68a9cd..790ed02c 100644
--- a/web/src/auth/LoginPage.js
+++ b/web/src/auth/LoginPage.js
@@ -784,7 +784,6 @@ class LoginPage extends React.Component {
         <div className="login-content" style={{margin: this.parseOffset(application.formOffset)}}>
           {Setting.inIframe() ? null : <div dangerouslySetInnerHTML={{__html: application.formCss}} />}
           <div className="login-panel">
-            <SelectLanguageBox id="language-box-corner" style={{top: "50px"}} />
             <div className="side-image" style={{display: application.formOffset !== 4 ? "none" : null}}>
               <div dangerouslySetInnerHTML={{__html: application.formSideHtml}} />
             </div>
@@ -800,6 +799,7 @@ class LoginPage extends React.Component {
                   {/* {*/}
                   {/*  this.state.clientId !== null ? "Redirect" : null*/}
                   {/* }*/}
+                  <SelectLanguageBox id="language-box-corner" style={{top: "55px", right: "5px", position: "absolute"}} />
                   {
                     this.renderSignedInBox()
                   }
diff --git a/web/src/auth/SignupPage.js b/web/src/auth/SignupPage.js
index 77762b6e..0763abf5 100644
--- a/web/src/auth/SignupPage.js
+++ b/web/src/auth/SignupPage.js
@@ -562,7 +562,7 @@ class SignupPage extends React.Component {
           application: application.name,
           organization: application.organization,
         }}
-        style={{width: !Setting.isMobile() ? "400px" : "250px"}}
+        style={{width: !Setting.isMobile() ? "400px" : "300px"}}
         size="large"
       >
         <Form.Item
@@ -633,7 +633,6 @@ class SignupPage extends React.Component {
         <div className="login-content" style={{margin: this.parseOffset(application.formOffset)}}>
           {Setting.inIframe() ? null : <div dangerouslySetInnerHTML={{__html: application.formCss}} />}
           <div className="login-panel" >
-            <SelectLanguageBox id="language-box-corner" style={{top: "50px"}} />
             <div className="side-image" style={{display: application.formOffset !== 4 ? "none" : null}}>
               <div dangerouslySetInnerHTML={{__html: application.formSideHtml}} />
             </div>
@@ -645,6 +644,7 @@ class SignupPage extends React.Component {
                 {
                   Setting.renderLogo(application)
                 }
+                <SelectLanguageBox id="language-box-corner" style={{top: "55px", right: "5px", position: "absolute"}} />
                 {
                   this.renderForm(application)
                 }