Try to display wide custom emojis

This commit only affects the text within the status-content.
kedamaDQ · Oct 19, 2024 · eee35bd · eee35bd
1 parent 709bfe0
commit eee35bd
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss
@@ -1002,7 +1002,8 @@ body > [data-popper-placement] {
   vertical-align: middle;
   object-fit: contain;
   margin: -0.2ex 0.15em 0.2ex;
-  width: 16px;
+  min-width: 16px;
+  max-width: 100%;
   height: 16px;
 
   img {
@@ -1044,7 +1045,8 @@ body > [data-popper-placement] {
   }
 
   .emojione {
-    width: 20px;
+    min-width: 20px;
+    max-width: 100%;
     height: 20px;
     margin: -3px 0 0;
   }
@@ -1737,7 +1739,8 @@ body > [data-popper-placement] {
     line-height: 24px;
 
     .emojione {
-      width: 24px;
+      min-width: 24px;
+      max-width: 100%;
       height: 24px;
       margin: -1px 0 0;
     }