From d91c48cece1e747ed7eed7ffe0097918830a5b09 Mon Sep 17 00:00:00 2001
From: Joffrey JAFFEUX <j.jaffeux@gmail.com>
Date: Thu, 9 Jan 2025 21:53:49 +0100
Subject: [PATCH] FIX: correct emoji picker size in modal (#30675)

Following a change in https://github.com/discourse/discourse/commit/b1e40d04b9ccec66085619a0ecef376584292374 the width of the picker has been reduced in modals when it should have been reduced only when NOT in a modal.
---
 .../stylesheets/common/components/emoji-picker.scss   | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/common/components/emoji-picker.scss b/app/assets/stylesheets/common/components/emoji-picker.scss
index ada761661c6..22e6af58185 100644
--- a/app/assets/stylesheets/common/components/emoji-picker.scss
+++ b/app/assets/stylesheets/common/components/emoji-picker.scss
@@ -1,5 +1,15 @@
 .fk-d-menu[data-content][data-identifier="emoji-picker"] {
   z-index: z("modal", "dialog");
+
+  .emoji-picker {
+    max-width: 95vw;
+  }
+}
+
+.fk-d-menu-modal {
+  .emoji-picker {
+    max-width: 100vw;
+  }
 }
 
 .emoji-picker-trigger {
@@ -13,7 +23,6 @@
   flex-direction: column;
   height: 300px;
   width: 500px;
-  max-width: 95vw;
 
   .spinner-container {
     height: 100%;