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

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

.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			`}`
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;`
			`}`
			`}`