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

banners: Use "fit-content" width for organization settings banners.

Browse Source 
This commit updates the organization settings banners to use
`width: fit-content`, ensuring they no longer span the full available
width. While this change does not yet support wrapping the action button
to a new line, it works reliably for these banners.

Currently, flex-wrap is set to `nowrap` to prevent buttons from wrapping
to the next line, as using `min-content` or `fit-content` forces
wrapping when space runs out. This approach limits the banner width to
its content size while maintaining layout consistency.

Making this as a separate commit since this is an experimental change
and we can tinker this later when we have a solid solution.
This commit is contained in:
Maneesh Shukla
2025-07-31 18:13:08 +05:30
committed by Tim Abbott
parent 021af590e6
commit e5864eb103
1 changed files with 13 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
web/styles/app_components.css
View File

@@ -559,6 +559,19 @@ input.settings_text_input {
.admin-permissions-banner,
.desktop-setting-notifications {
margin-bottom: 10px;
width: fit-content;
}
.mobile-push-notifications-banner,
.desktop-setting-notifications,
.organization-upgrade-banner {
.banner-content {
flex-wrap: nowrap;
.banner-action-buttons {
flex-wrap: nowrap;
}
}
}
.invite-stream-notice {