github-mirror/discourse
github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-03-02 13:40:13 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity
discourse/plugins/chat/assets/stylesheets/common/chat-thread-header.scss

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

27 lines
526 B
SCSS
Raw Normal View History

FEATURE: Improving thread list item and header (#21749) * Moved the settings cog from thread list to thread and put it in a new header component * Remove thread original message component, no longer needed and the list item and thread indicator styles/content will be quite different * Start adding content (unread indicator etc.) to the thread list item and changing structure to be more like designs * Serialize the last thread reply when opening the thread index, show in list and update with message bus
2023-05-29 09:11:55 +02:00
.chat-thread-header {
height: var(--chat-header-offset);
min-height: var(--chat-header-offset);
border-bottom: 1px solid var(--primary-low);
border-top: 1px solid var(--primary-low);
box-sizing: border-box;
display: flex;
align-items: center;
FEATURE: Chat thread header indicator improvements (#21807) This changes the thread header positioning of the unread indicator to match the designs based on the route: 1. When the channel is open, show the indicator of # unread threads with the icon 2. When the threads list is open, show no indicator since you are on the list and can see which threads are unread 3. When a single thread is open, show the unread threads indicator along with a left < back button, with a label to show that this goes back to ongoing discussions Drawer changes to come in another PR.
2023-05-30 10:10:07 +02:00
padding-inline: 0.5rem;
.chat-thread__back-to-list {
padding: 0.5rem 0;
margin-right: 0.5rem;
}
FEATURE: Improving thread list item and header (#21749) * Moved the settings cog from thread list to thread and put it in a new header component * Remove thread original message component, no longer needed and the list item and thread indicator styles/content will be quite different * Start adding content (unread indicator etc.) to the thread list item and changing structure to be more like designs * Serialize the last thread reply when opening the thread index, show in list and update with message bus
2023-05-29 09:11:55 +02:00
&__buttons {
display: flex;
FEATURE: Chat thread header indicator improvements (#21807) This changes the thread header positioning of the unread indicator to match the designs based on the route: 1. When the channel is open, show the indicator of # unread threads with the icon 2. When the threads list is open, show no indicator since you are on the list and can see which threads are unread 3. When a single thread is open, show the unread threads indicator along with a left < back button, with a label to show that this goes back to ongoing discussions Drawer changes to come in another PR.
2023-05-30 10:10:07 +02:00
margin-left: auto;
}
&__left-buttons {
display: flex;
flex-direction: row;
align-items: center;
FEATURE: Improving thread list item and header (#21749) * Moved the settings cog from thread list to thread and put it in a new header component * Remove thread original message component, no longer needed and the list item and thread indicator styles/content will be quite different * Start adding content (unread indicator etc.) to the thread list item and changing structure to be more like designs * Serialize the last thread reply when opening the thread index, show in list and update with message bus
2023-05-29 09:11:55 +02:00
}
}
Reference in New Issue Copy Permalink