Skip to content
This repository was archived by the owner on Sep 11, 2024. It is now read-only.

Commit d7a3f39

Browse files
authored
Remove padding of InviteDialog & fix visual regression (#8076)
* Remove padding of InviteDialog Closes element-hq/element-web#20631 Signed-off-by: Suguru Hirahara <[email protected]> * Fix visual regression of InviteDialog Signed-off-by: Suguru Hirahara <[email protected]>
1 parent cec6a76 commit d7a3f39

File tree

1 file changed

+11
-10
lines changed

1 file changed

+11
-10
lines changed

res/css/views/dialogs/_InviteDialog.scss

Lines changed: 11 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -273,23 +273,24 @@ limitations under the License.
273273
.mx_InviteDialog_other {
274274
// Prevent the dialog from jumping around randomly when elements change.
275275
height: 600px;
276-
padding-left: 20px; // the design wants some padding on the left
277276

278277
.mx_InviteDialog_addressBar {
279278
margin-right: 0;
280279
}
281280

282-
.mx_InviteDialog_content {
283-
padding-right: 20px; // same padding on the right
281+
.mx_InviteDialog_userSections {
282+
height: calc(100% - 115px); // mx_InviteDialog's height minus some for the upper and lower elements
283+
padding-right: 0;
284284

285-
.mx_InviteDialog_userSections {
286-
height: calc(100% - 115px); // mx_InviteDialog's height minus some for the upper and lower elements
287-
padding-right: 0;
285+
.mx_InviteDialog_section {
286+
padding-bottom: 0;
287+
margin-top: 12px;
288+
}
289+
}
288290

289-
.mx_InviteDialog_section {
290-
padding-bottom: 0;
291-
margin-top: 12px;
292-
}
291+
.mx_InviteDialog_hasFooter {
292+
.mx_InviteDialog_userSections {
293+
height: calc(100% - 175px); // For displaying an invite link on the footer of the dialog
293294
}
294295
}
295296
}

0 commit comments

Comments
 (0)