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 <luixxiul@users.noreply.github.com>

* Fix visual regression of InviteDialog

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
pull/21833/head
Suguru Hirahara 2022-03-18 21:28:21 +00:00 committed by GitHub
parent cec6a76352
commit d7a3f39a3e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 10 deletions

View File

@ -273,15 +273,11 @@ 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;
@ -291,6 +287,11 @@ limitations under the License.
margin-top: 12px;
}
}
.mx_InviteDialog_hasFooter {
.mx_InviteDialog_userSections {
height: calc(100% - 175px); // For displaying an invite link on the footer of the dialog
}
}
}