discourse/plugins/chat/assets/stylesheets/mobile/chat-thread.scss

.chat-thread {
  &__body {
    margin: 0 1px 0 0;
  }

  .chat-messages-scroller {
    padding: 10px 10px 0 10px;
  }
}

.thread-toast {
  .toast-hide {
    font-size: var(--font-down-1);
  }

  .toast-action {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
UI: thread panel sizing/spacing on mobile (#21440) The side panel on mobile is full screen. As a result we need to tweak spacing and sizing to make it correctly full screen like the channel. 2023-05-09 06:17:42 +08:00			`.chat-thread {`
			`&__body {`
			`margin: 0 1px 0 0;`
FIX: various mobile chat improvements (#22132) - FIX: improves reactions and thread indicator touch event on mobile These "buttons" are located inside a scroll list which makes them very specific. The general idea is to ensure these events are passive and are not bubbling to the parent. - DEV: moves state on top level message node - FIX: ensures popover arrow has the correct border - FIX: makes a message expanded by default - FIX applies the same ios scroll fix on thread and channel - UI: better active/hover state for thread indicator - UI: attempts to follow more closely our BEM naming scheme - FIX: reduces bottom padding on message with thread indicator and user info hidden - UI: add padding for first message in thread - FIX: prevents actions backdrop to open thread - UI: makes thread indicator resizable 2023-06-16 17:36:43 +08:00			`}`

FEATURE: implements last read message for threads (#26702) This commit will now allow us to track read position in a thread and returns to this position when you open the thread. Note this commit is also extracting the following components to make it possible: - `<ChatMessagesScroller />` - `<ChatMessagesContainer />` The `UpdateUserThreadLastRead` has been updated to allow this. Various refactorings have also been done to the code and specs to improve the support of last read. 2024-04-25 16:47:54 +08:00			`.chat-messages-scroller {`
FIX: various mobile chat improvements (#22132) - FIX: improves reactions and thread indicator touch event on mobile These "buttons" are located inside a scroll list which makes them very specific. The general idea is to ensure these events are passive and are not bubbling to the parent. - DEV: moves state on top level message node - FIX: ensures popover arrow has the correct border - FIX: makes a message expanded by default - FIX applies the same ios scroll fix on thread and channel - UI: better active/hover state for thread indicator - UI: attempts to follow more closely our BEM naming scheme - FIX: reduces bottom padding on message with thread indicator and user info hidden - UI: add padding for first message in thread - FIX: prevents actions backdrop to open thread - UI: makes thread indicator resizable 2023-06-16 17:36:43 +08:00			`padding: 10px 10px 0 10px;`
UI: thread panel sizing/spacing on mobile (#21440) The side panel on mobile is full screen. As a result we need to tweak spacing and sizing to make it correctly full screen like the channel. 2023-05-09 06:17:42 +08:00			`}`
			`}`
FEATURE: encourage users to set chat thread titles (#26617) This change encourages users to title their threads to make it easier for other users to join in on conversations that matter to them. The creator of the chat thread will receive a toast notification prompting them to add a thread title when on mobile and the thread has at least 5 sent replies. 2024-04-29 17:20:01 +08:00
			`.thread-toast {`
			`.toast-hide {`
			`font-size: var(--font-down-1);`
			`}`

			`.toast-action {`
			`position: absolute;`
			`bottom: 0;`
			`right: 0;`
			`}`
			`}`