github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-12-02 18:34:52 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity
8d1867688f
discourse/plugins/chat/assets/stylesheets/common/chat-transcript.scss

Ignoring revisions in .git-blame-ignore-revs. Click here to bypass and see the normal blame view.

129 lines
2.1 KiB
SCSS
Raw Normal View History

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 21:41:30 +08:00
.chat-transcript {
@extend .chat-message-container;
UX: fix minor chat transcript overflow (#24158)
2023-10-31 04:31:01 +08:00
box-sizing: border-box;
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 21:41:30 +08:00
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;
}
FEATURE: Add threads support to chat archives (#24325) This PR introduces thread support for channel archives. Now, threaded messages are rendered inside a `details` HTML tag in posts. The transcript markdown rules now support two new attributes: `threadId` and `threadTitle`. - If `threadId` is present, all nested `chat` tags are rendered inside the first one. - `threadTitle` (optional) defines the summary content. ``` [chat threadId=19 ... ] thread OM [chat ... ] thread reply [/chat] [/chat] ``` If threads are split across multiple posts when archiving, the range of messages in each part will be displayed alongside the thread title. For example: `(message 1 to 16 of 20)` and `(message 17 to 20 of 20)`.
2023-11-27 22:47:35 +08:00
details > .chat-transcript-chained:first-of-type {
margin-top: 0.5rem;
}
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 21:41:30 +08:00
.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;
FEATURE: Add threads support to chat archives (#24325) This PR introduces thread support for channel archives. Now, threaded messages are rendered inside a `details` HTML tag in posts. The transcript markdown rules now support two new attributes: `threadId` and `threadTitle`. - If `threadId` is present, all nested `chat` tags are rendered inside the first one. - `threadTitle` (optional) defines the summary content. ``` [chat threadId=19 ... ] thread OM [chat ... ] thread reply [/chat] [/chat] ``` If threads are split across multiple posts when archiving, the range of messages in each part will be displayed alongside the thread title. For example: `(message 1 to 16 of 20)` and `(message 17 to 20 of 20)`.
2023-11-27 22:47:35 +08:00
img.emoji {
height: 1.1em;
width: 1.1em;
}
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 21:41:30 +08:00
}
FEATURE: Add onebox support for chat threads (#23580) With this commit we now support onboxes of: - channel - channel message - thread - thread message
2023-10-25 20:30:39 +08:00
.chat-transcript-separator {
font-size: var(--font-down-3-rem);
color: var(--primary-high);
padding: 0 0.5rem;
}
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 21:41:30 +08:00
.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;
}
}
FEATURE: Add threads support to chat archives (#24325) This PR introduces thread support for channel archives. Now, threaded messages are rendered inside a `details` HTML tag in posts. The transcript markdown rules now support two new attributes: `threadId` and `threadTitle`. - If `threadId` is present, all nested `chat` tags are rendered inside the first one. - `threadTitle` (optional) defines the summary content. ``` [chat threadId=19 ... ] thread OM [chat ... ] thread reply [/chat] [/chat] ``` If threads are split across multiple posts when archiving, the range of messages in each part will be displayed alongside the thread title. For example: `(message 1 to 16 of 20)` and `(message 17 to 20 of 20)`.
2023-11-27 22:47:35 +08:00
.topic-body .cooked & {
> details {
padding: 0.5rem;
> summary {
display: flex;
&::before {
line-height: 1;
}
.chat-transcript-thread {
UX: constrain width of chat transcripts in posts (#27288)
2024-06-01 04:26:46 +08:00
min-width: 0;
FEATURE: Add threads support to chat archives (#24325) This PR introduces thread support for channel archives. Now, threaded messages are rendered inside a `details` HTML tag in posts. The transcript markdown rules now support two new attributes: `threadId` and `threadTitle`. - If `threadId` is present, all nested `chat` tags are rendered inside the first one. - `threadTitle` (optional) defines the summary content. ``` [chat threadId=19 ... ] thread OM [chat ... ] thread reply [/chat] [/chat] ``` If threads are split across multiple posts when archiving, the range of messages in each part will be displayed alongside the thread title. For example: `(message 1 to 16 of 20)` and `(message 17 to 20 of 20)`.
2023-11-27 22:47:35 +08:00
&-header {
margin-bottom: 0.5rem;
}
}
}
}
}
REFACTOR: <ChatMessage> component (#22172) - Moves `<ChatMessageInfo />` to `<Chat::Message::Info />` - Moves `<ChatMessageAvatar />` to `<Chat::Message::Avatar />` - Moves `<ChatMessageLeftGutter />` to `<Chat::Message::LeftGutter />`, adds tests - Creates `<Chat::Message::Error />` - Creates `<Chat::Message::MentionWarning />`, adds tests and a styleguide - Creates a model for ChatMessageMentionWarning, adds fabricator for it - Keeps the enter/leave viewport logic inside the `<ChatMessage />` component instead of bubbling it to the channel and thread components - Adds a scale animation when clicking a reaction - Creates `chat/later-fn` modifier which accepts a function and a delay. It allows to call a function Xms after a component has been inserted, it's useful for animations. - Moves css code out of chat-message into relevant files - Deletes unused code <!-- NOTE: All pull requests should have tests (rspec in Ruby, qunit in JavaScript). If your code does not include test coverage, please include an explanation of why it was omitted. -->
2023-06-19 15:50:54 +08:00
.chat-transcript-user-avatar .avatar {
aspect-ratio: 20 / 20;
}
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 21:41:30 +08:00
.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;
FEATURE: Add threads support to chat archives (#24325) This PR introduces thread support for channel archives. Now, threaded messages are rendered inside a `details` HTML tag in posts. The transcript markdown rules now support two new attributes: `threadId` and `threadTitle`. - If `threadId` is present, all nested `chat` tags are rendered inside the first one. - `threadTitle` (optional) defines the summary content. ``` [chat threadId=19 ... ] thread OM [chat ... ] thread reply [/chat] [/chat] ``` If threads are split across multiple posts when archiving, the range of messages in each part will be displayed alongside the thread title. For example: `(message 1 to 16 of 20)` and `(message 17 to 20 of 20)`.
2023-11-27 22:47:35 +08:00
pointer-events: none;
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 21:41:30 +08:00
}
}
FEATURE: Add onebox support for chat threads (#23580) With this commit we now support onboxes of: - channel - channel message - thread - thread message
2023-10-25 20:30:39 +08:00
.chat-transcript-images.onebox {
display: flex;
flex-wrap: wrap;
img {
width: auto;
max-height: 150px;
margin-right: 0.5rem;
margin-top: 0.5em;
}
}
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 21:41:30 +08:00
pre code {
box-sizing: border-box;
}
}
Reference in New Issue Copy Permalink