From 524ae2d546ab758cd1822ee8178ead8f247b08f2 Mon Sep 17 00:00:00 2001
From: MathMan05 <mathmanrm@gmail.com>
Date: Fri, 30 Jan 2026 12:18:55 -0600
Subject: [PATCH] message rendering updates

---
 src/webpage/message.ts | 14 ++++++++++++++
 src/webpage/style.css  |  8 ++++++++
 2 files changed, 22 insertions(+)

diff --git a/src/webpage/message.ts b/src/webpage/message.ts
index da03bb0..e3093fd 100644
--- a/src/webpage/message.ts
+++ b/src/webpage/message.ts
@@ -618,6 +618,12 @@ class Message extends SnowFlake {
 		) {
 			div.classList.add("mentioned");
 		}
+		div.style.setProperty(
+			"--time-text",
+			JSON.stringify(
+				new Date(this.getUnixTime()).toLocaleTimeString([], {hour: "2-digit", minute: "2-digit"}),
+			),
+		);
 
 		if (this === this.channel.replyingto) {
 			div.classList.add("replying");
@@ -911,6 +917,14 @@ class Message extends SnowFlake {
 				if (!this.embeds.find((_) => _.json.url === messaged.textContent)) {
 					messagedwrap.classList.add("flexttb");
 					messagedwrap.appendChild(messaged);
+					if (!combine && this.edited_timestamp) {
+						const edit = document.createElement("span");
+						edit.classList.add("timestamp");
+						edit.textContent = I18n.message.edited();
+						const hover = new Hover(new Date(this.edited_timestamp).toString());
+						hover.addEvent(edit);
+						messagedwrap.append(edit);
+					}
 				}
 			}
 			text.appendChild(messagedwrap);
diff --git a/src/webpage/style.css b/src/webpage/style.css
index 5baa5d8..ec5c728 100644
--- a/src/webpage/style.css
+++ b/src/webpage/style.css
@@ -2234,6 +2234,14 @@ span.instanceStatus {
 .messagediv {
 	position: relative;
 }
+.messagediv:not(.topMessage):hover::after {
+	content: var(--time-text);
+	position: absolute;
+	color: #ffffffb8;
+	left: 2px;
+	top: 5px;
+	font-size: 12px;
+}
 .messagediv:hover {
 	background: var(--primary-hover);
 }