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

* Remove padding of InviteDialog Closes element-hq/element-web#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>
matrix-org · Mar 18, 2022 · d7a3f39 · d7a3f39
1 parent cec6a76
commit d7a3f39
Showing 1 changed file with 11 additions and 10 deletions.
diff --git 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
         }
     }
 }