paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-10-23 16:14:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

settings: Collapse buttons to two rows on narrow screens with one panel.

Browse Source 
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.
This commit is contained in:
evykassirer
2025-03-05 11:20:19 -08:00
committed by Tim Abbott
parent f00cc8f14d
commit 02edb62d33
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web/styles/subscriptions.css
View File

@@ -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 {