discourse/plugins/chat/assets/stylesheets/common/chat-message-left-gutter.scss
Joffrey JAFFEUX 73be7b3dd8
FIX: improves unread state precision (#20615)
- Will consider a message read only one the bottom of the message has been read
- Will allow to mark a message bigger than the view port as read
- Code should be more performant as the scroll is doing less (albeit more often)
- Gives us a very precise scroll state. Problem with throttling scroll is that you could end up never getting the even where scrollTop is at 0, opening a whole range of edge cases to handle
2023-03-09 19:06:33 +01:00

33 lines
678 B
SCSS

.chat-message-left-gutter {
display: flex;
align-items: center;
justify-content: flex-start;
flex-shrink: 0;
width: var(--message-left-width);
}
.chat-message-container.is-hovered .chat-message-left-gutter {
.chat-time {
color: var(--secondary-mediumy);
}
}
.chat-message-left-gutter__date {
color: var(--primary-high);
font-size: var(--font-down-1);
}
.chat-message-left-gutter__flag {
color: var(--secondary-medium);
padding-left: calc(50% - 15px);
}
.chat-message-left-gutter__bookmark {
.d-icon-discourse-bookmark-clock,
.d-icon-bookmark {
color: var(--primary-low-mid);
font-size: var(--font-down-2);
margin-left: 0.5em;
}
}