From 091ca9dbb1b8ea1b21b2eda5cb3d7e018c70ff68 Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Tue, 14 Dec 2021 18:02:02 -0500
Subject: [PATCH] UX: prevent timeline overflow in extreme cases (#15303)

---
 app/assets/stylesheets/common/topic-timeline.scss | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/app/assets/stylesheets/common/topic-timeline.scss b/app/assets/stylesheets/common/topic-timeline.scss
index ca1380b3cf..671dcc7f35 100644
--- a/app/assets/stylesheets/common/topic-timeline.scss
+++ b/app/assets/stylesheets/common/topic-timeline.scss
@@ -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;
     }