discourse/plugins/chat/assets/stylesheets/common/chat-user-avatar.scss
Joffrey JAFFEUX 09277bc543
FEATURE: my threads page (#24771)
This commit adds a new "My threads" link in sidebar and drawer. This link will open the "/chat/threads" page which contains all threads where the current user is a member. It's ordered by activity (unread and then last message created).

Moreover, the threads list of a channel page is now showing every threads of a channel, and not just the ones where you are a member.
2023-12-11 07:38:07 +01:00

53 lines
1.0 KiB
SCSS

.chat-user-avatar {
@include unselectable;
display: flex;
align-items: center;
.chat-message-container:not(.has-reply) & {
width: var(--message-left-width);
flex-shrink: 0;
}
&.is-online {
.chat-user-avatar__container .avatar {
box-shadow: 0px 0px 0px 1px var(--success);
border: 1px solid var(--secondary);
padding: 0;
}
}
&__container {
padding: 1px; // for is-online box-shadow effect, preventing cutoff
.avatar {
padding: 1px; // for is-online box-shadow effect, preventing shift
}
.chat-user-presence-flair {
box-sizing: border-box;
position: absolute;
background-color: var(--success);
border: 1px solid var(--secondary);
border-radius: 50%;
.chat-message & {
width: 10px;
height: 10px;
right: 0px;
bottom: 0px;
}
.chat-channel-title & {
width: 8px;
height: 8px;
right: -1px;
bottom: -1px;
}
}
}
.chat-channel-title & {
width: auto;
}
}