imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix reactions row overflow and gap between reactions (#8813)

Browse source
This commit is contained in:
Suguru Hirahara 2022-06-16 17:47:37 +00:00 • committed by GitHub
parent 3b28b1100f
commit 43f2ee4283
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 24 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -65,6 +65,13 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
}
}
.mx_ReactionsRow {
display: flex;
flex-flow: wrap;
align-items: center;
gap: $spacing-4;
}
&[data-layout=group] {
> .mx_DisambiguatedProfile {
line-height: $font-20px;
@ -286,8 +293,7 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
}
.mx_ReactionsRow {
margin: 0;
padding: 4px 64px;
margin: $spacing-4 64px;
}
}
@ -981,7 +987,7 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
align-items: flex-end;
.mx_EventTile_line.mx_EventTile_mediaLine {
margin: 0 var(--EventBubbleTile_line-margin-inline-end) 0 0; // align with normal messages
margin: 0 var(--EventTile_bubble_line-margin-inline-end) 0 0; // align with normal messages
}
}
}