From 27e4ca3d1975a7a7baca4f5cfc59918896d76680 Mon Sep 17 00:00:00 2001
From: tayyyyyyy <tayyyyyyy@users.noreply.github.com>
Date: Wed, 8 May 2019 12:47:37 -0700
Subject: [PATCH] Animate typing indicator

---
 code/modules/admin/verbs/adminpm.dm |  2 +-
 html/browser/common.css             | 18 +++++++++++++++++-
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/code/modules/admin/verbs/adminpm.dm b/code/modules/admin/verbs/adminpm.dm
index a13ba9fd276..f0c1d6316cf 100644
--- a/code/modules/admin/verbs/adminpm.dm
+++ b/code/modules/admin/verbs/adminpm.dm
@@ -319,7 +319,7 @@
 
 		dat += "</table>"
 		if(convo.typing)
-			dat += "<i>[current_title] is typing...</i>"
+			dat += "<i><span class='typing'>[current_title] is typing</span></i>"
 		dat += "<br>"
 		dat += "</h4>"
 		dat += "<a href='?src=[UID()];reply=[current_title]'>Reply</a>"
diff --git a/html/browser/common.css b/html/browser/common.css
index 23b675f7fa2..ac093b87c61 100644
--- a/html/browser/common.css
+++ b/html/browser/common.css
@@ -345,4 +345,20 @@ div.notice
 	-ms-interpolation-mode: nearest-neighbor;
 	width: 64px;
 	height:64px;
-}
\ No newline at end of file
+}
+
+.typing:after
+{
+	overflow: hidden;
+	display: inline-block;
+	vertical-align: bottom;
+	animation: ellipsis steps(4,end) 900ms infinite;
+	content: "\2026";
+	width: 0px;
+}
+
+@keyframes ellipsis {
+	to {
+		width: 1.25em;
+	}
+}