0
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2026-08-15 17:24:47 +08:00
discourse/plugins/chat/assets/stylesheets/common/chat-channel-name.scss
David Battersby ccef4cb046
UX: chat name with emoji alignment (#36217)
Tiny tweak to improve alignment of emojis within channel names. This
change makes it consistent with sidebar chat channels that have emojis.

### Before

<img width="207" height="45" alt="Screenshot 2025-11-25 at 11 31 12 AM"
src="https://github.com/user-attachments/assets/a6f25b94-0e3c-4c10-8adc-b3a5cfb8a27f"
/>


### After

<img width="203" height="47" alt="Screenshot 2025-11-25 at 11 30 57 AM"
src="https://github.com/user-attachments/assets/9b7bceb8-a7dd-414e-94ec-ddf930a31ec7"
/>
2025-11-25 11:37:30 +04:00

24 lines
330 B
SCSS
Vendored

.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: baseline;
}
}