discourse/plugins/chat/assets/stylesheets/common/chat-channel-name.scss
David Battersby 8dc772f2a8
UX: prevent shrinking unread badge for long DM channel names (#29756)
Fixes a small UX issue where the unread badge gets squashed in long DM channel names.
2024-11-14 15:27:14 +04:00

42 lines
644 B
SCSS

.chat-channel-name {
@include ellipsis;
color: var(--primary);
.chat-channel-row__info & {
display: flex;
align-items: center;
gap: 0.5em;
}
.has-unread & {
font-weight: bold;
}
&__label {
@include ellipsis;
}
.emoji {
height: 1em;
width: 1em;
vertical-align: middle;
}
.chat-channel-unread-indicator {
@include chat-unread-indicator;
display: flex;
align-items: center;
justify-content: center;
width: 8px;
height: 8px;
flex-shrink: 0;
&.-urgent {
width: auto;
height: auto;
min-width: 0.6em;
padding: 0.3em 0.5em;
}
}
}