mirror of
https://github.com/discourse/discourse.git
synced 2024-12-02 11:03:48 +08:00
8dc772f2a8
Fixes a small UX issue where the unread badge gets squashed in long DM channel names.
42 lines
644 B
SCSS
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;
|
|
}
|
|
}
|
|
}
|