From 02edb62d337deb756d439fcc54d5fc73bf5a70cf Mon Sep 17 00:00:00 2001 From: evykassirer Date: Wed, 5 Mar 2025 11:20:19 -0800 Subject: [PATCH] settings: Collapse buttons to two rows on narrow screens with one panel. Previously we collapsed buttons when the two-panel view was narrow enough that the buttons started wrapping, but this case for one-panel view with wrapping buttons was missed. --- web/styles/subscriptions.css | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/web/styles/subscriptions.css b/web/styles/subscriptions.css index 4a83214920..f1618ec79a 100644 --- a/web/styles/subscriptions.css +++ b/web/styles/subscriptions.css @@ -343,8 +343,12 @@ h4.user_group_setting_subsection_title { breakpoint that collapses the left pane, but still narrow enough that the sort buttons need a second row to be visible without overlapping other UI. Note that for 16px and larger - font sizes, we always show two rows of buttons. */ -@container settings-overlay (width >= $settings_overlay_sidebar_collapse_breakpoint) { + font sizes, we always show two rows of buttons. + + We also show two rows of buttons on particularly narrow + screens where the full overlay doesn't have enough space + for all the buttons. */ +@container settings-overlay (width >= $settings_overlay_sidebar_collapse_breakpoint) or (width <= 36em) { @container subscriptions (width < calc(80em + 80px)) { #subscription_overlay .subscriptions-container { .left {