mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-11-27 03:36:07 +03:00
Code Issues Projects Releases Packages Wiki Activity

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

Browse source 
* Add margin to the location map inside ThreadView

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Remove margin from location map inside a reply

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Add margin to the location map error message inside ThreadView

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Add margin-top to the map inside a reply

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
This commit is contained in:
Suguru Hirahara 2022-04-29 08:29:18 +00:00 committed by GitHub
parent 7a0b3079be
commit 565488a10a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
res/css/views/rooms/_EventTile.scss
View file

@ -844,6 +844,12 @@ $left-gutter: 64px;
padding-left: 0; padding-left: 0;
padding-right: 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]) { .mx_EventTile:not([data-layout=bubble]) {
@ -883,10 +889,12 @@ $left-gutter: 64px;
width: 100%; width: 100%;
.mx_EventTile_content, .mx_EventTile_content,
.mx_EventTile_body,
.mx_HiddenBody, .mx_HiddenBody,
.mx_RedactedBody, .mx_RedactedBody,
.mx_UnknownBody, .mx_UnknownBody,
.mx_MPollBody, .mx_MPollBody,
.mx_MLocationBody,
.mx_ReplyChain_wrapper, .mx_ReplyChain_wrapper,
.mx_ReactionsRow { .mx_ReactionsRow {
margin-left: $spacing-start; 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 { .mx_MessageTimestamp {
top: 2px !important; top: 2px !important;
width: auto; width: auto;