github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-30 10:33:43 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity
5b693c61af
discourse/plugins/chat/assets/stylesheets/desktop/chat-message.scss

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

25 lines
588 B
SCSS
Raw Normal View History

REFACTOR: chat-msgactions (#18969) - s/chat-msg-actions/chat-message-actions - s/chat-msgactions-hover/chat-message-actions-container - creates dedicated css files for this component - removes useless code - removes grayscale
2022-11-10 22:08:14 +08:00
.chat-message-actions {
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
.react-btn,
.reply-btn,
FEATURE: Chat side panel with threads initial skeleton (#20209) This commit introduces the skeleton of the chat thread UI. The structure of the components looks like this. Its done this way so the side panel can be used for other things as well if we wish, not just for threads: ``` .main-chat-outlet <ChatLivePane /> <ChatSidePanel> <-- rendered with {{outlet}} --> <ChatThread /> </ChatSidePanel> ``` Later on the `ChatThreadList` will be rendered here as well. Now, when you go to a channel you can open a thread by clicking on either the Open Thread message action button or by clicking on the reply indicator. This will take you to a route like `chat/c/:slug/:channelId/t/:threadId`. This works on mobile as well. This commit includes basic serializers and routes for threads, as well as a new `ChatThreadsManager` service in JS that caches threads for a channel the same way the channel threads manager does. The chat messages inside the thread are intentionally left out until a later PR. **NOTE: These changes are gated behind the site setting enable_experimental_chat_threaded_discussions and the threading_enabled boolean on a ChatChannel**
2023-02-14 09:38:41 +08:00
.chat-message-thread-btn,
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
.bookmark-btn {
border: 1px solid transparent;
FIX: correct border color of message actions (#21261) This is a followup of https://github.com/discourse/discourse/commit/1372c5c43504dde7da19b08612afda23bce61e35
2023-04-27 01:42:04 +08:00
border-bottom-color: var(--primary-300);
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
border-radius: 0;
FIX: correct border color of message actions (#21261) This is a followup of https://github.com/discourse/discourse/commit/1372c5c43504dde7da19b08612afda23bce61e35
2023-04-27 01:42:04 +08:00
border-top-color: var(--primary-300);
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
UX: Improve border-radius stuff in chat-message actions (#25129)
2024-01-04 19:33:07 +08:00
&:first-child {
border-left-color: var(--primary-300);
border-top-left-radius: var(--d-border-radius);
border-bottom-left-radius: var(--d-border-radius);
}
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
&:hover {
background: var(--primary-low);
border-color: var(--primary-low-mid);
color: var(--primary-medium);
z-index: 1;
}
}
}
Reference in New Issue Copy Permalink