This commit removes the text-overflow property from input fields.
Chrome has a bug where truncation indicators in scrollable contenteditable
divs do not adjust when scrolling to the rightmost part of long text.
This behavior is related to https://issues.chromium.org/issues/41245282.
Firefox handles this correctly, but to ensure consistency, we will rely
on the default behavior of input fields, hiding overflowed text without
adding ellipses.
Fixes part of #35284.
This commit removes "button" and "rounded" class from the button and
add the required rules to the pre existing sticky-bottom-option class.
Fixes part of #35006.
Because both .message_embed_title and
.message_embed_description manage their own overflow,
there's no need to set it on the outer container,
which can clip the top of the letters on message titles
under certain circumstances.
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.
