From f17096a8ac3d2e9100b834ca1742f7fe556e3a5b Mon Sep 17 00:00:00 2001
From: Nolan Lawson <nolan@nolanlawson.com>
Date: Sat, 4 Jul 2020 19:34:21 -0700
Subject: [PATCH] fix: emoji picker height on mobile (#1811)

---
 .../_components/dialog/components/EmojiDialog.html     | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/routes/_components/dialog/components/EmojiDialog.html b/src/routes/_components/dialog/components/EmojiDialog.html
index 78c53558..5c51e089 100644
--- a/src/routes/_components/dialog/components/EmojiDialog.html
+++ b/src/routes/_components/dialog/components/EmojiDialog.html
@@ -4,7 +4,6 @@
   {title}
   shrinkWidthToFit={true}
   background="var(--main-bg)"
-  className="emoji-dialog"
 >
   <div class="emoji-container" ref:container ></div>
 </ModalDialog>
@@ -39,6 +38,15 @@
       height: 240px;
     }
   }
+
+  @media (max-height: 450px) {
+    :global(emoji-picker) {
+      height: 100%;
+    }
+    .emoji-container {
+      height: 100%;
+    }
+  }
 </style>
 <script>
   /* global applyFocusVisiblePolyfill */