Add margin to the location map inside ThreadView (#8442)

* Add margin to the location map inside ThreadView Signed-off-by: Suguru Hirahara <[email protected]> * Remove margin from location map inside a reply Signed-off-by: Suguru Hirahara <[email protected]> * Add margin to the location map error message inside ThreadView Signed-off-by: Suguru Hirahara <[email protected]> * Add margin-top to the map inside a reply Signed-off-by: Suguru Hirahara <[email protected]>
matrix-org · Apr 29, 2022 · 565488a · 565488a
1 parent 7a0b307
commit 565488a
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/res/css/views/rooms/_EventTile.scss b/res/css/views/rooms/_EventTile.scss
@@ -844,6 +844,12 @@ $left-gutter: 64px;
             padding-left: 0;
             padding-right: 0;
         }
+
+        .mx_ReplyChain {
+            .mx_MLocationBody {
+                margin-top: 6px; // See: https://github.com/matrix-org/matrix-react-sdk/pull/8442
+            }
+        }
     }
 
     .mx_EventTile:not([data-layout=bubble]) {
@@ -883,10 +889,12 @@ $left-gutter: 64px;
         width: 100%;
 
         .mx_EventTile_content,
+        .mx_EventTile_body,
         .mx_HiddenBody,
         .mx_RedactedBody,
         .mx_UnknownBody,
         .mx_MPollBody,
+        .mx_MLocationBody,
         .mx_ReplyChain_wrapper,
         .mx_ReactionsRow {
             margin-left: $spacing-start;
@@ -900,6 +908,13 @@ $left-gutter: 64px;
             }
         }
 
+        .mx_ReplyChain_wrapper {
+            .mx_MLocationBody {
+                margin-inline-start: 0;
+                margin-inline-end: 0;
+            }
+        }
+
         .mx_MessageTimestamp {
             top: 2px !important;
             width: auto;