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 redesigns the upgrade and sponsorship banners by adding
AVAILABLE_ON_STANDARD, UPGRADE_ACCESS_BANNER, and
UPGRADE_OR_SPONSORSHIP_BANNER.
Fixes part of #34252.
This commits convert the banners of "Settings > Default user settings"
and "Personal > Bots" into plain text. Also, change the plain text of
"Personal > Bots" to be more descriptive.
Fixes part of #34252.
Banner shown on deleting drafts was broken because "banner-wrapper"
class was missing in container element that led to some CSS not
being applied.
Also, needed to change the "text-align" CSS property to override
the "center" value set for overlay header text because "banner-label"
flex element is allowed to grow and take more width after recent
changes in d00cf1a.
Now the former is only used in the channels list (headers and inactive
toggles included) and the latter is only used for the home view.
Note that this changes some behavior, notably the header and inactive
toggles now show the masked dots when all unread markers in them are
also masked.
This button was previously found when hovering on the CHANNELS
header, but now that we've removed that header, we show the
button here instead, and always visible.
This component no longer exists with the new design.
Everything removed here that's still relevant (unread counts, special
logic for spectator view) is added back, at the section/channel folder
layer, over the next several commits.
This commit simplifies the CSS selectors in the left sidebar styles by
replacing generic `a` selectors with more specific class selectors.
This change enhances the specificity of the styles, and improves the
selectors' performance.
This commit updates the subscribers and group members table CSS to
use fixed layout. This helps in having user pill take the width if
available and we can show more characters.
Previously the width of name in user pill was set to have a max
width of 165px which meant the there was some empty unused space in
the rows especially on narrow screens when email column was hidden.
Fixes#35157.
This commit improves the selector for user-pill-container so
that rules for it aren't overridden by parent styles. Also fixes
the user pill min-widdth being overridden.
