data.coop/pinafore
8
0
Fork 0
Code Issues 1 Pull requests Packages Projects Releases Wiki Activity

fix: emoji picker height on mobile (#1811)

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/routes/_components/dialog/components/EmojiDialog.html
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 */