fix: emoji picker height on mobile (#1811)

This commit is contained in:
Nolan Lawson 2020-07-04 19:34:21 -07:00 committed by GitHub
parent 44c1b6feb5
commit f17096a8ac
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 1 deletions

View File

@ -4,7 +4,6 @@
{title} {title}
shrinkWidthToFit={true} shrinkWidthToFit={true}
background="var(--main-bg)" background="var(--main-bg)"
className="emoji-dialog"
> >
<div class="emoji-container" ref:container ></div> <div class="emoji-container" ref:container ></div>
</ModalDialog> </ModalDialog>
@ -39,6 +38,15 @@
height: 240px; height: 240px;
} }
} }
@media (max-height: 450px) {
:global(emoji-picker) {
height: 100%;
}
.emoji-container {
height: 100%;
}
}
</style> </style>
<script> <script>
/* global applyFocusVisiblePolyfill */ /* global applyFocusVisiblePolyfill */