From d7a3f39a3e33b4cb7e9cca42f310bef2a526b484 Mon Sep 17 00:00:00 2001 From: Suguru Hirahara Date: Fri, 18 Mar 2022 21:28:21 +0000 Subject: [PATCH] Remove padding of InviteDialog & fix visual regression (#8076) * Remove padding of InviteDialog Closes https://github.com/vector-im/element-web/issues/20631 Signed-off-by: Suguru Hirahara * Fix visual regression of InviteDialog Signed-off-by: Suguru Hirahara --- res/css/views/dialogs/_InviteDialog.scss | 21 +++++++++++---------- 1 file changed, 11 insertions(+), 10 deletions(-) diff --git a/res/css/views/dialogs/_InviteDialog.scss b/res/css/views/dialogs/_InviteDialog.scss index 8433dbc9b48..7ed3f59de17 100644 --- a/res/css/views/dialogs/_InviteDialog.scss +++ b/res/css/views/dialogs/_InviteDialog.scss @@ -273,23 +273,24 @@ 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; - .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 } } }