mirror of
https://github.com/discourse/discourse.git
synced 2024-12-04 09:53:43 +08:00
e991574389
This change increases the visibility of unread channels to make them stand out more in drawer mode (desktop). When a channel is unread: - it floats to the top; - when multiple channels are unread, they are sorted alphabetically (equal to how it’s done on mobile) - the unread indicator blue dot moves to directly right of the channel name
38 lines
602 B
SCSS
38 lines
602 B
SCSS
.chat-channel-name {
|
|
@include ellipsis;
|
|
color: var(--primary);
|
|
|
|
.has-unread & {
|
|
font-weight: bold;
|
|
}
|
|
|
|
&__label {
|
|
display: flex;
|
|
align-items: center;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.emoji {
|
|
height: 1em;
|
|
width: 1em;
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
.chat-channel-unread-indicator {
|
|
@include chat-unread-indicator;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 8px;
|
|
height: 8px;
|
|
margin-left: 0.75em;
|
|
|
|
&.-urgent {
|
|
width: auto;
|
|
height: auto;
|
|
min-width: 0.6em;
|
|
padding: 0.3em 0.5em;
|
|
}
|
|
}
|
|
}
|