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%;