[feature] Emojify spoiler and content in web templates (#785)

* Emojify spoiler and content in web templates

* Use more performance emojify code (thanks NyaaaWhatsUpDoc!)
This commit is contained in:
Blackle Morisanchetto 2022-09-02 05:54:32 -04:00 committed by GitHub
commit 1e1cdee06a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 62 additions and 2 deletions

View file

@ -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;
}

View file

@ -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}}