fix: emoji picker height on mobile (#1811)

2020-07-04 19:34:21 -07:00 · 2020-07-04 19:34:21 -07:00 · f17096a8ac
parent 44c1b6feb5
commit f17096a8ac
1 changed files with 9 additions and 1 deletions
--- 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 */