discourse/plugins/chat/assets/stylesheets/common/chat-thread-participants.scss
chapoi ee1dbd46c6
UX: Thread indicator small fixes (#22389)
* UX: make timestamp font size smaller

* UX: participants use copy instead of avatar

* FIX: Move thread participant count into i18n

---------

Co-authored-by: Martin Brennan <martin@discourse.org>
2023-07-04 10:32:09 +02:00

48 lines
867 B
SCSS

.chat-thread-participants {
margin-left: 0.5rem;
&__other-count {
font-size: var(--font-down-2);
color: var(--primary-high);
white-space: nowrap;
}
&__avatar-group {
display: flex;
align-items: center;
justify-content: flex-end;
.chat-user-avatar-container {
padding: 0;
}
.chat-user-avatar {
width: auto !important;
.avatar {
width: 24px;
height: 24px;
padding: 0;
}
}
}
}
@container (max-width: 400px) {
.chat-thread-participants {
&__avatar-group {
flex-direction: row;
justify-content: flex-start;
.chat-user-avatar {
&:not(:last-child) {
margin-right: -10px;
}
.avatar {
width: 22px;
height: 22px;
border: 1px solid var(--primary-very-low);
}
}
}
}
}