PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Remove padding of InviteDialog & fix visual regression (#8076)

Browse source 
* 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>
This commit is contained in:
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
Show stats Download patch file Download diff file Expand all files Collapse all files

21
res/css/views/dialogs/_InviteDialog.scss
View file

@ -273,23 +273,24 @@ limitations under the License.
.mx_InviteDialog_other { .mx_InviteDialog_other {
// Prevent the dialog from jumping around randomly when elements change. // Prevent the dialog from jumping around randomly when elements change.
height: 600px; height: 600px;
padding-left: 20px; // the design wants some padding on the left
.mx_InviteDialog_addressBar { .mx_InviteDialog_addressBar {
margin-right: 0; margin-right: 0;
} }
.mx_InviteDialog_content { .mx_InviteDialog_userSections {
padding-right: 20px; // same padding on the right 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_hasFooter {
.mx_InviteDialog_userSections { .mx_InviteDialog_userSections {
height: calc(100% - 115px); // mx_InviteDialog's height minus some for the upper and lower elements height: calc(100% - 175px); // For displaying an invite link on the footer of the dialog
padding-right: 0;
.mx_InviteDialog_section {
padding-bottom: 0;
margin-top: 12px;
}
} }
} }
} }