discourse/plugins/chat/assets/stylesheets/mobile/chat-message-thread-indicat...

40 lines
661 B
SCSS

.chat-message-thread-indicator {
&__participants,
&__last-reply-avatar:not(.-mobile) {
display: none;
}
&__last-reply-metadata {
display: flex;
align-items: center;
gap: 0.25rem;
margin-bottom: 0.25rem;
}
&__last-reply-user {
display: flex;
align-items: center;
gap: 0.5rem;
margin-right: auto;
}
&__last-reply-avatar {
align-self: center;
.avatar {
width: 18px;
height: 18px;
}
}
&__last-reply-username {
margin-right: auto;
}
&__last-reply-excerpt {
white-space: wrap;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
}