From ab06dbf5aa82a4f1983e6c9639973fbfc264ed93 Mon Sep 17 00:00:00 2001
From: Tulir Asokan <tulir@maunium.net>
Date: Mon, 21 Oct 2024 22:46:35 +0300
Subject: [PATCH] web/timeline: don't allow sender to wrap

---
 web/src/ui/timeline/ReplyBody.css     | 6 ++++++
 web/src/ui/timeline/TimelineEvent.css | 3 +++
 2 files changed, 9 insertions(+)

diff --git a/web/src/ui/timeline/ReplyBody.css b/web/src/ui/timeline/ReplyBody.css
index 150efe2..c1950d4 100644
--- a/web/src/ui/timeline/ReplyBody.css
+++ b/web/src/ui/timeline/ReplyBody.css
@@ -30,6 +30,7 @@ blockquote.reply-body {
 	> div.reply-sender {
 		display: flex;
 		align-items: center;
+		text-wrap: nowrap;
 
 		> div.sender-avatar {
 			width: 1rem;
@@ -37,6 +38,11 @@ blockquote.reply-body {
 			margin-right: .25rem;
 		}
 
+		> span.event-sender {
+			overflow: hidden;
+			text-overflow: ellipsis;
+		}
+
 		> button.close-reply {
 			display: flex;
 			margin-left: auto;
diff --git a/web/src/ui/timeline/TimelineEvent.css b/web/src/ui/timeline/TimelineEvent.css
index ca7fde1..ee2d591 100644
--- a/web/src/ui/timeline/TimelineEvent.css
+++ b/web/src/ui/timeline/TimelineEvent.css
@@ -48,9 +48,12 @@ div.timeline-event {
 		display: flex;
 		align-items: center;
 		gap: .25rem;
+		text-wrap: nowrap;
 
 		> span.event-sender {
 			font-weight: bold;
+			overflow: hidden;
+			text-overflow: ellipsis;
 		}
 
 		> span.event-time, > span.event-edited {