From 1e1cdee06a3bd5aaa0f97ad3c0d25aa505e723ef Mon Sep 17 00:00:00 2001
From: Blackle Morisanchetto <isabelle@blackle-mori.com>
Date: Fri, 2 Sep 2022 05:54:32 -0400
Subject: [feature] Emojify spoiler and content in web templates (#785)

* Emojify spoiler and content in web templates

* Use more performance emojify code (thanks NyaaaWhatsUpDoc!)
---
 web/source/css/base.css  | 8 ++++++++
 web/template/status.tmpl | 4 ++--
 2 files changed, 10 insertions(+), 2 deletions(-)

(limited to 'web')

diff --git a/web/source/css/base.css b/web/source/css/base.css
index ba9fef606..3cdf19fe8 100644
--- a/web/source/css/base.css
+++ b/web/source/css/base.css
@@ -323,3 +323,11 @@ footer {
 		grid-template-columns: 1fr;
 	}
 }
+
+.emoji {
+	width: 2.5ex;
+	height: 2.5ex;
+	margin: -0.5ex 0 0;
+	object-fit: contain;
+	vertical-align: middle;
+}
\ No newline at end of file
diff --git a/web/template/status.tmpl b/web/template/status.tmpl
index decad4764..56d98d89b 100644
--- a/web/template/status.tmpl
+++ b/web/template/status.tmpl
@@ -6,12 +6,12 @@
 		{{if .SpoilerText}}
 		<input class="spoiler" id="hideSpoiler-{{.ID}}" type="checkbox" style="display: none" aria-hidden="true" checked="true" />
 		<div class="spoiler">
-			<span class="spoiler-text">{{.SpoilerText}}</span>
+			<span class="spoiler-text">{{emojify .Emojis (escape .SpoilerText)}}</span>
 			<label class="button spoiler-label" for="hideSpoiler-{{.ID}}" tabindex="0">Toggle visibility</label>
 		</div>
 		{{end}}
 		<div class="content">
-			{{.Content |noescape}}
+			{{emojify .Emojis (noescape .Content)}}
 		</div>
 	</div>
 	{{with .MediaAttachments}}
-- 
cgit v1.2.3