From 137cea309430e145318c37027f6c9a414bb5824e Mon Sep 17 00:00:00 2001 From: Suguru Hirahara Date: Thu, 17 Mar 2022 17:21:33 +0000 Subject: [PATCH 1/2] Remove padding of InviteDialog Closes https://github.com/vector-im/element-web/issues/20631 Signed-off-by: Suguru Hirahara --- res/css/views/dialogs/_InviteDialog.scss | 3 --- 1 file changed, 3 deletions(-) diff --git a/res/css/views/dialogs/_InviteDialog.scss b/res/css/views/dialogs/_InviteDialog.scss index 8433dbc9b48..02242dbf79e 100644 --- a/res/css/views/dialogs/_InviteDialog.scss +++ b/res/css/views/dialogs/_InviteDialog.scss @@ -273,15 +273,12 @@ limitations under the License. .mx_InviteDialog_other { // Prevent the dialog from jumping around randomly when elements change. height: 600px; - padding-left: 20px; // the design wants some padding on the left .mx_InviteDialog_addressBar { margin-right: 0; } .mx_InviteDialog_content { - padding-right: 20px; // same padding on the right - .mx_InviteDialog_userSections { height: calc(100% - 115px); // mx_InviteDialog's height minus some for the upper and lower elements padding-right: 0; From 6fdbf9ca5d16334d7fdeccf859a544b7a6c7e839 Mon Sep 17 00:00:00 2001 From: Suguru Hirahara Date: Thu, 17 Mar 2022 17:25:42 +0000 Subject: [PATCH 2/2] Fix visual regression of InviteDialog Signed-off-by: Suguru Hirahara --- res/css/views/dialogs/_InviteDialog.scss | 20 ++++++++++++-------- 1 file changed, 12 insertions(+), 8 deletions(-) diff --git a/res/css/views/dialogs/_InviteDialog.scss b/res/css/views/dialogs/_InviteDialog.scss index 02242dbf79e..7ed3f59de17 100644 --- a/res/css/views/dialogs/_InviteDialog.scss +++ b/res/css/views/dialogs/_InviteDialog.scss @@ -278,15 +278,19 @@ limitations under the License. margin-right: 0; } - .mx_InviteDialog_content { - .mx_InviteDialog_userSections { - height: calc(100% - 115px); // mx_InviteDialog's height minus some for the upper and lower elements - padding-right: 0; + .mx_InviteDialog_userSections { + height: calc(100% - 115px); // mx_InviteDialog's height minus some for the upper and lower elements + padding-right: 0; - .mx_InviteDialog_section { - padding-bottom: 0; - margin-top: 12px; - } + .mx_InviteDialog_section { + padding-bottom: 0; + margin-top: 12px; + } + } + + .mx_InviteDialog_hasFooter { + .mx_InviteDialog_userSections { + height: calc(100% - 175px); // For displaying an invite link on the footer of the dialog } } }