web/emojipicker: limit number of category rows
Some checks failed
Go / Lint Go (old) (push) Has been cancelled
Go / Lint Go (latest) (push) Has been cancelled
JS / Lint JS (push) Has been cancelled

This commit is contained in:
Tulir Asokan 2025-04-18 00:44:36 +03:00
parent 3c4f65f366
commit 31e6b97371
2 changed files with 3 additions and 0 deletions

View file

@ -92,6 +92,7 @@
--image-picker-width: 22rem; --image-picker-width: 22rem;
--image-picker-height: 34rem; --image-picker-height: 34rem;
--image-picker-category-rows: 3;
@media screen and (max-width: 45rem) { @media screen and (max-width: 45rem) {
--timeline-horizontal-padding: .5rem; --timeline-horizontal-padding: .5rem;

View file

@ -80,6 +80,8 @@ div.emoji-picker, div.sticker-picker {
flex-wrap: wrap; flex-wrap: wrap;
padding-top: .5rem; padding-top: .5rem;
border-bottom: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);
max-height: calc(.5rem + 2.5rem * var(--image-picker-category-rows));
overflow: auto;
> button { > button {
padding-top: .25rem; padding-top: .25rem;