Using CSS for custom emojis

diff --git a/src/Protocol/ActivityPub/Processor.php b/src/Protocol/ActivityPub/Processor.php
index 383ad35d9c7e5f4ff73ddfa055bcb0e5012bedce..5dadc029f924c41869ee34185cac5410f365a856 100644 (file)
--- a/src/Protocol/ActivityPub/Processor.php
+++ b/src/Protocol/ActivityPub/Processor.php
@@ -50,7 +50,8 @@ class Processor
        public static function replaceEmojis($emojis, $body)
        {
                foreach ($emojis as $emoji) {
-                       $body = str_replace($emoji['name'], '[img=16x16]' . $emoji['href'] . '[/img]', $body);
+                       $replace = '[class=emoji mastodon][img=' . $emoji['href'] . ']' . $emoji['name'] . '[/img][/class]';
+                       $body = str_replace($emoji['name'], $replace, $body);
                }
                return $body;
        }

diff --git a/view/global.css b/view/global.css
index b46862d5aacc140fb22b299e6f5fb81eab9da01c..48755b89dcbeee586fc8a14caf8ff0ea05115d19 100644 (file)
--- a/view/global.css
+++ b/view/global.css
@@ -602,3 +602,8 @@ img.invalid-src:after { vertical-align: top;}
 #register-explicid-content {
   font-weight: bold;
 }
+
+span.emoji.mastodon img {
+  height: 1.2em;
+  vertical-align: middle;
+}