github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-12-02 21:55:44 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity
9d1726fe2b
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.

33 lines
619 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 15:11:55 +08: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;
UX: thread list fixes for alignment and more spacing on mobile (#23823) * UX: fix padding on active touch * UX: thread list header bigger + alignment * UX: thread list alignment desktop * UX: visual corrections to alignment * UX: mobile alignment and padding
2023-10-07 17:06:16 +08:00
padding-inline: 1rem 0.5rem;
.touch & {
&__label {
font-size: var(--font-up-1-rem);
}
}
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 16:10:07 +08:00
FEATURE: Conditionally change back button route for thread (#22129) When clicking back from a thread, we want to either go back to the channel if the thread was opened from an indicator, or to the thread list if we opened it from there. Since ember doesn't give a nice way to get the previous route, we need to store this ourselves. We only do this on mobile, on desktop we just follow existing behaviour. Also implements a chat router history. --------- Co-authored-by: Joffrey JAFFEUX <j.jaffeux@gmail.com>
2023-06-28 07:58:47 +08:00
.chat-thread__back-to-previous-route {
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 16:10:07 +08:00
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 15:11:55 +08: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 16:10:07 +08: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 15:11:55 +08:00
}
}
Reference in New Issue Copy Permalink