discourse/plugins/chat/assets/stylesheets/common/chat-thread-unread-indicator.scss
chapoi fca6c1836c
UX: Chat unread indicator refactor (#22040)
* move the chat unread indicator to top to match the profile avatar indicator
* add white border to profile avatar indicator (badge notification) to match chat indicator and userstatus styling
* change `.urgent` to BEM
* congregate all styling into mixin
  * update chat index to use mixin
  * update thread indicator to use mixin
  * update header indicator to use mixin

---------

Co-authored-by: Joffrey JAFFEUX <j.jaffeux@gmail.com>
Co-authored-by: Martin Brennan <martin@discourse.org>
2023-06-12 14:33:45 +10:00

13 lines
282 B
SCSS

.chat-thread-header-unread-indicator,
.chat-thread-list-item-unread-indicator {
@include chat-unread-indicator;
display: flex;
align-items: center;
justify-content: center;
width: auto;
height: auto;
padding: 0.21em 0.42em;
border-radius: 1em;
min-width: 0.6em;
}