From 31e6b973718445af7905f9027290135a69f62e12 Mon Sep 17 00:00:00 2001
From: Tulir Asokan <tulir@maunium.net>
Date: Fri, 18 Apr 2025 00:44:36 +0300
Subject: [PATCH] web/emojipicker: limit number of category rows

---
 web/src/index.css                      | 1 +
 web/src/ui/emojipicker/EmojiPicker.css | 2 ++
 2 files changed, 3 insertions(+)

diff --git a/web/src/index.css b/web/src/index.css
index d3ab49d..2d31eca 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -92,6 +92,7 @@
 
 	--image-picker-width: 22rem;
 	--image-picker-height: 34rem;
+	--image-picker-category-rows: 3;
 
 	@media screen and (max-width: 45rem) {
 		--timeline-horizontal-padding: .5rem;
diff --git a/web/src/ui/emojipicker/EmojiPicker.css b/web/src/ui/emojipicker/EmojiPicker.css
index 45c693e..a8e72ac 100644
--- a/web/src/ui/emojipicker/EmojiPicker.css
+++ b/web/src/ui/emojipicker/EmojiPicker.css
@@ -80,6 +80,8 @@ div.emoji-picker, div.sticker-picker {
 		flex-wrap: wrap;
 		padding-top: .5rem;
 		border-bottom: 1px solid var(--border-color);
+		max-height: calc(.5rem + 2.5rem * var(--image-picker-category-rows));
+		overflow: auto;
 
 		> button {
 			padding-top: .25rem;