paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-06 15:03:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

home_views: Let Recents/Inbox view filter fit content.

Browse Source 
(cherry picked from commit 55ea5be022)
This commit is contained in:
Karl Stolley
2025-03-25 13:52:26 -05:00
committed by Tim Abbott
parent f1461c5334
commit c9ffd17d2d
1 changed files with 15 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
web/styles/inbox.css
View File

@@ -575,7 +575,14 @@
.recent-view-filter-dropdown-list-container .dropdown-list-wrapper, .recent-view-filter-dropdown-list-container .dropdown-list-wrapper,
.inbox-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 .recent-view-filter-dropdown-list-container
@@ -584,6 +591,13 @@
.inbox-filter-dropdown-list-container .inbox-filter-dropdown-list-container
.dropdown-list .dropdown-list
.dropdown-list-item-common-styles { .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; padding: 5px 10px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;