discourse/plugins/chat/assets/stylesheets/common/chat-reply.scss
Roman Rizzi 0a5f548635
DEV: Move discourse-chat to the core repo. (#18776)
As part of this move, we are also renaming `discourse-chat` to `chat`.
2022-11-02 10:41:30 -03:00

60 lines
860 B
SCSS

.chat-reply {
display: contents;
align-items: center;
box-sizing: border-box;
font-size: var(--font-down-1);
padding-left: 0.5em;
height: 100%;
width: 100%;
white-space: nowrap;
.d-icon {
color: var(--primary-low-mid);
}
.chat-user-presence-flair {
width: 8px;
height: 8px;
right: -1px;
bottom: -1px;
}
.avatar {
width: 20px;
height: 20px;
}
.chat-user-avatar {
padding: 0 0.5rem;
}
.d-icon {
color: var(--primary-low-mid);
}
&.is-direct-reply {
display: flex;
cursor: pointer;
grid-area: replyto;
}
}
.chat-reply__excerpt {
@include ellipsis;
color: var(--primary-high);
> * {
margin-top: 0;
display: inline-block;
}
> p {
margin-top: 0.35em;
}
}
.chat-reply__username {
@include ellipsis;
font-weight: 700;
padding: 0 0.5em 0 0;
}