From c9ffd17d2d029c110dff95967d3053f85d500a31 Mon Sep 17 00:00:00 2001
From: Karl Stolley <karl@zulip.com>
Date: Tue, 25 Mar 2025 13:52:26 -0500
Subject: [PATCH] home_views: Let Recents/Inbox view filter fit content.

(cherry picked from commit 55ea5be022857174392f31d493a25ea19d5a658e)
---
 web/styles/inbox.css | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/web/styles/inbox.css b/web/styles/inbox.css
index 116beea64b..b8d274e976 100644
--- a/web/styles/inbox.css
+++ b/web/styles/inbox.css
@@ -575,7 +575,14 @@
 
 .recent-view-filter-dropdown-list-container .dropdown-list-wrapper,
 .inbox-filter-dropdown-list-container .dropdown-list-wrapper {
-    width: 15.7142em; /* 220px at 14px em */
+    /* We want these dropdowns to open to fit their
+       contents, which differ based on the language
+       in use. */
+    width: 100%;
+    /* We also don't want to set a min-width, again
+       so that the content is in charge. This pushes
+       back against more generic styles. */
+    min-width: unset;
 }
 
 .recent-view-filter-dropdown-list-container
@@ -584,6 +591,13 @@
 .inbox-filter-dropdown-list-container
     .dropdown-list
     .dropdown-list-item-common-styles {
+    /* Parallel to the `width: 100%` set on
+       .dropdown-list-wrapper above, we set
+       min-width here to max-content so that
+       the box opens to accommodate different
+       lengths of text--and to ensure that
+       hovered/selectable areas look correct. */
+    min-width: max-content;
     padding: 5px 10px;
     display: flex;
     flex-direction: column;