compose: Preserve decorated-stream layout in picker.

In addition to preserving the space between the icon and
stream name, this also moves the ellipsis to the DOM node
for the channel name itself.
This commit is contained in:
Karl Stolley
2025-04-22 12:43:38 -05:00
committed by Tim Abbott
parent d5822a04be
commit 75ed0c9383

View File

@@ -1537,9 +1537,12 @@ textarea.new_message_textarea {
.dropdown_widget_value {
flex-grow: 1;
text-overflow: ellipsis;
white-space: nowrap;
color: var(--color-text-default);
display: flex;
align-items: baseline;
/* This gap matches a single space character,
as used previously in the icon-stream name
layout. */
gap: 0.4ch;
.channel-privacy-type-icon {
font-size: 0.9286em; /* 13px at 14px em */
@@ -1548,6 +1551,14 @@ textarea.new_message_textarea {
position: relative;
top: 0.1538em; /* 2px at 13px/em */
}
.decorated-channel-name {
flex: 1 1 auto;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: var(--color-text-default);
}
}
.zulip-icon-chevron-down {