discourse/plugins/chat/assets/stylesheets/common/chat-thread-unread-indicator.scss
Martin Brennan 7a9514922b
FEATURE: Improving thread list item and header (#21749)
* Moved the settings cog from thread list to thread and
  put it in a new header component
* Remove thread original message component, no longer needed
  and the list item and thread indicator styles/content
  will be quite different
* Start adding content (unread indicator etc.) to the thread
  list item and changing structure to be more like designs
* Serialize the last thread reply when opening the thread index,
  show in list and update with message bus
2023-05-29 09:11:55 +02:00

27 lines
571 B
SCSS

@mixin chat-thread-unread-indicator {
color: var(--tertiary);
padding-left: 0.25rem;
&__number-wrap {
background-color: var(--tertiary-med-or-tertiary);
display: flex;
padding: 0.25rem 0.5rem;
border-radius: 20px;
width: 35px;
box-sizing: border-box;
flex-direction: column;
align-items: center;
}
&__number {
color: var(--secondary);
font-size: var(--font-down-3);
font-weight: bold;
}
}
.chat-thread-header-unread-indicator,
.chat-thread-list-item-unread-indicator {
@include chat-thread-unread-indicator;
}