Single emoji rendering fixes.

* Make the emoji a little bit smaller
* Avoid scrollbar appearing for single emoji messages
* Also identify single sent emojis

css/converse.css

@@ -11963,8 +11963,9 @@ body.converse-fullscreen {
     #conversejs .message.chat-msg .chat-msg__text .emojione {
       margin-bottom: -6px; }
   #conversejs .message.chat-msg .chat-msg__text--larger {
-    font-size: 2em;
-    padding-top: 0.25em; }
+    font-size: 1.6em;
+    padding-top: 0.25em;
+    padding-bottom: 0.25em; }
   #conversejs .message.chat-msg .chat-msg__media {
     margin-top: 0.25rem;
     word-break: break-all; }

dist/converse.js

@@ -92319,7 +92319,7 @@ function convert(unicode) {
 }
 
 _core__WEBPACK_IMPORTED_MODULE_2__["default"].isSingleEmoji = function (str) {
-  if (!str || str.length > 2) {
+  if (!str || str.length > 2 && !str.startsWith(':')) {
     return;
   }
 

sass/_messages.scss

@@ -178,8 +178,9 @@
             }
 
             .chat-msg__text--larger {
-                font-size: 2em;
+                font-size: 1.6em;
                 padding-top: 0.25em;
+                padding-bottom: 0.25em;
             }
 
             .chat-msg__media {

src/headless/utils/emoji.js

@@ -161,7 +161,7 @@ function convert (unicode) {
 }
 
 u.isSingleEmoji = function (str) {
-    if (!str || str.length > 2) {
+    if (!str || (str.length > 2 && !str.startsWith(':'))) {
         return;
     }
     const result = _.flow(u.shortnameToUnicode, twemoji.default.parse)(str)