From 0b26bcc1a468234ce471e53d74bf7f83c5c55300 Mon Sep 17 00:00:00 2001
From: highemerly <highemerly@me.com>
Date: Sat, 18 Nov 2023 01:54:10 +0900
Subject: [PATCH] [add] support ultra-wide custom emojis for misskey
 compatibility

---
 app/javascript/styles/handon/handon.scss | 28 +++++++++++++++++++-----
 1 file changed, 23 insertions(+), 5 deletions(-)

diff --git a/app/javascript/styles/handon/handon.scss b/app/javascript/styles/handon/handon.scss
index 3f7fbd30972647..4e53082b8873e6 100644
--- a/app/javascript/styles/handon/handon.scss
+++ b/app/javascript/styles/handon/handon.scss
@@ -1,30 +1,48 @@
 /**** visibility ****/
+
 /* Change visibility icon color (Followers-only)  */
-.status .fa-lock:before {
+.status .fa-lock::before {
   color: $lock-color !important ;
 }
-.detailed-status .fa-lock:before {
+
+.detailed-status .fa-lock::before {
   color: $lock-color !important ;
 }
+
 /* Change visibility icon color (Direct) */
 .status .fa-at::before {
   color: $at-color !important ;
 }
+
 .detailed-status .fa-at::before {
   color: $at-color !important ;
 }
+
 /* Disable visibility icon when it is public */
-.status-public .fa-globe:before {
+.status-public .fa-globe::before {
   display: none !important ;
 }
 
+/* (Misskey compatibility) consider visibility of ultra-wide custom emojis */
+.reply-indicator__content .status__content__text,
+.status__content .status__content__text .emojione {
+  width: auto !important;
+}
+
+.detailed-status .status__content .emojione {
+  width: auto !important;
+}
+
 /**** misc ****/
+
 /* Change color of display-name who is belong to handon.club */
 .status .handon-local-account {
   color: #ff6347 !important ;
 }
 
 /* Enlarge custom emojis */
-p > .emojione[alt^=":"]:active {
-  width: 7em; height: 7em; margin: 0;
+p > .emojione[alt^=':']:active {
+  width: 7em;
+  height: 7em;
+  margin: 0;
 }