discourse/plugins/chat/assets/stylesheets/common/chat-transcript.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

79 lines
1.3 KiB
SCSS

.chat-transcript {
@extend .chat-message-container;
min-height: 50px;
padding: 12px;
margin: 1rem 0;
@include post-aside;
.chat-messages-container & {
display: block;
}
&.chat-transcript-chained {
margin: 0;
border-top: 0;
border-bottom: 0;
}
.chat-transcript-meta {
color: var(--primary-high);
font-size: var(--font-down-2-rem);
border-bottom: 1px solid var(--primary-low);
margin-bottom: 1rem;
padding-bottom: 0.5rem;
}
.chat-transcript-channel {
font-size: var(--font-down-1-rem);
}
.chat-transcript-username {
color: var(--primary-high-or-secondary-low);
font-weight: bold;
}
.chat-transcript-datetime {
color: var(--primary-high);
font-size: var(--font-down-2-rem);
padding: 0 0.5rem;
a {
color: var(--primary-high);
}
}
.chat-transcript-messages {
p {
margin: 0.5rem 0;
}
p:last-of-type {
margin-bottom: 0;
}
}
.chat-transcript-user {
display: flex;
flex-wrap: wrap-reverse;
gap: 0.25rem 0;
align-items: baseline;
.chat-transcript-user-avatar {
padding-right: 0.5rem;
}
}
.chat-transcript-reactions {
margin-top: 0.5em;
.chat-transcript-reaction {
@include chat-reaction;
}
}
pre code {
box-sizing: border-box;
}
}