fix: emoji picker height on mobile (#1811)
This commit is contained in:
parent
44c1b6feb5
commit
f17096a8ac
|
@ -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 */
|
||||||
|
|
Loading…
Reference in New Issue