discourse/plugins/chat/assets/stylesheets/common/chat-channel-name.scss
David Battersby d5670069f5
UX: fix spacing of emoji in chat channel title (#28756)
Fixes a small spacing bug with emoji in channel titles
2024-09-05 16:43:06 +04:00

38 lines
594 B
SCSS

.chat-channel-name {
@include ellipsis;
color: var(--primary);
.has-unread & {
font-weight: bold;
}
&__label {
display: flex;
align-items: center;
white-space: nowrap;
gap: 0.5rem;
}
.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;
&.-urgent {
width: auto;
height: auto;
min-width: 0.6em;
padding: 0.3em 0.5em;
}
}
}