UX: prevent timeline overflow in extreme cases (#15303)

This commit is contained in:
Kris 2021-12-14 18:02:02 -05:00 committed by GitHub
parent d66eb984e4
commit 091ca9dbb1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -148,6 +148,9 @@
padding-right: 1.5em;
justify-content: flex-end;
.timeline-scroller-content {
box-sizing: border-box;
max-width: 100%;
overflow: hidden;
text-align: right;
padding-left: 0;
padding-right: 1em;
@ -233,6 +236,9 @@
}
.timeline-scroller-content {
box-sizing: border-box;
max-width: 100%;
overflow: hidden;
padding-left: 1em;
position: absolute; // prevents text length from impacting width
}
@ -257,6 +263,8 @@
}
.timeline-replies {
overflow: hidden;
overflow-wrap: break-word;
font-weight: bold;
}