Fix event text overflow on bubble message layout (#8391)

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
pull/28788/head^2
Suguru Hirahara 2022-04-28 16:33:54 +00:00 committed by GitHub
parent 7208953e5f
commit 7a0b3079be
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 1 deletions

View File

@ -562,6 +562,17 @@ limitations under the License.
padding-top: 0; padding-top: 0;
} }
.mx_EventTile {
&.mx_EventTile_info {
.mx_EventTile_line {
// Avoid overflow of event info by cancelling width settings
width: 100%;
min-width: 0;
max-width: 100%;
}
}
}
&::after { &::after {
content: ""; content: "";
clear: both; clear: both;
@ -585,7 +596,7 @@ limitations under the License.
margin-right: 0; margin-right: 0;
.mx_MessageActionBar { .mx_MessageActionBar {
right: 127px; // align with that of right-column bubbles right: 48px; // align with that of right-column bubbles
} }
.mx_ReadReceiptGroup { .mx_ReadReceiptGroup {