From f3bbb4c98ee1d4edc1aeee8a53fb5b1e38d1e1cd Mon Sep 17 00:00:00 2001
From: Tulir Asokan <tulir@maunium.net>
Date: Fri, 11 Oct 2024 00:05:07 +0300
Subject: [PATCH] web/timeline: make code blocks scrollable

---
 web/src/ui/timeline/TimelineEvent.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/web/src/ui/timeline/TimelineEvent.css b/web/src/ui/timeline/TimelineEvent.css
index 5bbab4e..6ab038f 100644
--- a/web/src/ui/timeline/TimelineEvent.css
+++ b/web/src/ui/timeline/TimelineEvent.css
@@ -42,10 +42,12 @@ div.timeline-event {
 
 	> div.event-content {
 		grid-area: content;
+		overflow: hidden;
 	}
 }
 
 div.html-body {
+	overflow: hidden;
 	img[data-mx-emoticon] {
 		vertical-align: middle;
 	}
@@ -55,6 +57,12 @@ div.html-body {
 		padding-left: .5rem;
 	}
 
+	pre {
+		width: 100%;
+		max-height: max(50vh, 400px);
+		overflow: auto;
+	}
+
 	p, ul, ol, dl, table, pre, blockquote {
 		&:not(:last-child) {
 			margin: 0 0 .25rem;