Fix bubble layout in thread view (#8249)

This commit is contained in:
Suguru Hirahara 2022-04-08 08:11:08 +00:00 committed by GitHub
parent 233278546b
commit 610225aef2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -954,7 +954,6 @@ $threadInfoLineHeight: calc(2 * $font-12px);
.mx_EventTile { .mx_EventTile {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding-top: 14px; // due to layout differences, this odd number matches the 18px padding-top of main tl events
.mx_EventTile_line { .mx_EventTile_line {
padding-left: 0; padding-left: 0;
@ -972,6 +971,10 @@ $threadInfoLineHeight: calc(2 * $font-12px);
} }
} }
.mx_EventTile:not([data-layout=bubble]) {
padding-top: 14px; // due to layout differences, this odd number matches the 18px padding-top of main tl events
}
.mx_EventTile[data-layout=bubble] { .mx_EventTile[data-layout=bubble] {
margin-left: 36px; margin-left: 36px;
margin-right: 36px; margin-right: 36px;