Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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
1 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/assets/stylesheets/common/topic-timeline.scss
View File

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