discourse/plugins/chat/assets/stylesheets/common/chat-thread-unread-indicator.scss
chapoi d40649c648
UX: chat channel header icons (#21887)
* UX: BEM fix for has-unreads

* UX: small refactor for chat channel header icons

* UX: refactor chat thread unread indicator

* UX: channel header thread icon hover styling

* DEV: Spec fixes

* UX: fix font + line-height

---------

Co-authored-by: Martin Brennan <martin@discourse.org>
2023-06-02 10:34:19 +02:00

23 lines
462 B
SCSS

@mixin chat-thread-unread-indicator {
display: flex;
align-items: center;
justify-content: center;
width: auto;
min-width: 14px;
padding: 3px;
font-size: 0.8rem;
border-radius: 1em;
background: var(--tertiary-med-or-tertiary);
&__number {
font-weight: bold;
color: var(--secondary);
line-height: 1;
}
}
.chat-thread-header-unread-indicator,
.chat-thread-list-item-unread-indicator {
@include chat-thread-unread-indicator;
}