mirror of
https://github.com/tulir/gomuks.git
synced 2025-04-20 10:33:41 -05:00
web/emojipicker: limit number of category rows
This commit is contained in:
parent
3c4f65f366
commit
31e6b97371
2 changed files with 3 additions and 0 deletions
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Add table
Reference in a new issue