From f41a12a4d8a76658d17b5dbf47a42f6507b3bcc2 Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Wed, 16 Aug 2023 15:27:30 +0200
Subject: [PATCH] Message: More accurate emoji-only rendering

---
 .../middle/message/_message-content.scss      | 22 ++++++++++---------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/components/middle/message/_message-content.scss b/src/components/middle/message/_message-content.scss
index 86562bc78..b98cd9646 100644
--- a/src/components/middle/message/_message-content.scss
+++ b/src/components/middle/message/_message-content.scss
@@ -732,10 +732,6 @@
     background: var(--pattern-color);
   }
 
-  .text-content {
-    margin-bottom: 1rem;
-  }
-
   .media-inner {
     line-height: 1;
     font-size: 1rem;
@@ -780,9 +776,9 @@
     }
 
     .text-content {
+      text-align: center;
       word-break: normal;
       line-height: var(--emoji-only-size);
-      font-size: var(--emoji-only-size);
 
       .emoji {
         width: var(--emoji-only-size);
@@ -800,14 +796,20 @@
 
   @for $i from 1 through 7 {
     &.emoji-only-#{$i} {
-      $size: min(7.5 - ($i * 0.75), 5.625) + rem;
+      $size: null;
+      @if $i == 1 {
+        $size: 7rem;
+      } @else {
+        $size: min(7.5 - ($i * 0.75), 5.625) + rem;
+      }
 
       --emoji-only-size: #{$size};
-    }
-  }
 
-  &.emoji-only-1 {
-    --emoji-only-size: 7rem;
+      .text-content {
+        width: #{calc($size * $i)};
+        font-size: calc($size * 0.9);
+      }
+    }
   }
 
   .Message:not(.own) & {