From b3b3f5ebebbbbedb7a2172a0a6a9e2130ed77129 Mon Sep 17 00:00:00 2001
From: Jason Robinson <mail@jasonrobinson.me>
Date: Fri, 13 Nov 2020 16:29:35 +0200
Subject: [PATCH] Fix HostingSignupDialog layouting inside dialog

---
 res/css/_components.scss                      |  2 +-
 ...rDialog.scss => _HostingSignupDialog.scss} | 24 +++++++------------
 .../views/dialogs/HostingSignupDialog.tsx     |  1 +
 3 files changed, 11 insertions(+), 16 deletions(-)
 rename res/css/views/dialogs/{_HostingProviderDialog.scss => _HostingSignupDialog.scss} (68%)

diff --git a/res/css/_components.scss b/res/css/_components.scss
index a021a41be5..7fa61d4686 100644
--- a/res/css/_components.scss
+++ b/res/css/_components.scss
@@ -72,7 +72,7 @@
 @import "./views/dialogs/_EditCommunityPrototypeDialog.scss";
 @import "./views/dialogs/_FeedbackDialog.scss";
 @import "./views/dialogs/_GroupAddressPicker.scss";
-@import "./views/dialogs/_HostingProviderDialog.scss";
+@import "./views/dialogs/_HostingSignupDialog.scss";
 @import "./views/dialogs/_IncomingSasDialog.scss";
 @import "./views/dialogs/_InviteDialog.scss";
 @import "./views/dialogs/_KeyboardShortcutsDialog.scss";
diff --git a/res/css/views/dialogs/_HostingProviderDialog.scss b/res/css/views/dialogs/_HostingSignupDialog.scss
similarity index 68%
rename from res/css/views/dialogs/_HostingProviderDialog.scss
rename to res/css/views/dialogs/_HostingSignupDialog.scss
index 0b0bdd4884..7069f5d209 100644
--- a/res/css/views/dialogs/_HostingProviderDialog.scss
+++ b/res/css/views/dialogs/_HostingSignupDialog.scss
@@ -14,22 +14,16 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-.mx_HostingProviderDialog .mx_Dialog {
-    width: 60%;
-    height: 70%;
-    overflow: hidden;
-    padding: 0;
-    max-width: initial;
-    max-height: initial;
-    position: relative;
+.mx_HostingSignupDialog .mx_Dialog {
+    height: 50%;
 }
 
-.mx_HostingProviderDialog_container {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
+.mx_HostingSignupBaseDialog {
+    height: 100%;
+}
+
+.mx_HostingSignupDialog_container {
+    height: 100%;
 
     iframe {
         width: 100%;
@@ -39,6 +33,6 @@ limitations under the License.
     }
 }
 
-.mx_HostingProviderTrigger {
+.mx_HostingSignupTrigger {
     cursor: pointer;
 }
diff --git a/src/components/views/dialogs/HostingSignupDialog.tsx b/src/components/views/dialogs/HostingSignupDialog.tsx
index 873775560e..95df359d1f 100644
--- a/src/components/views/dialogs/HostingSignupDialog.tsx
+++ b/src/components/views/dialogs/HostingSignupDialog.tsx
@@ -122,6 +122,7 @@ export default class HostingSignupDialog extends React.PureComponent<IProps, ISt
         const BaseDialog = sdk.getComponent('views.dialogs.BaseDialog');
         return (
             <BaseDialog
+                className="mx_HostingSignupBaseDialog"
                 onFinished={this.onFinished}
                 title="Set up your own personal Element host"
                 hasCancel={true}