discourse/plugins/chat/assets/stylesheets/common/chat-thread-heading.scss

.chat-thread__heading {
  padding: 0.5rem 0.5rem 0 0.5rem;
  display: flex;
  align-items: baseline;
}

.chat-thread__heading-icon {
  color: var(--secondary-low);
  display: flex;
  background-color: var(--primary-100);
  padding: 0.5em;
  border-radius: 100%;
}

.chat-thread__heading-title {
  padding-left: 0.5em;
  color: var(--secondary-low);
  margin-bottom: 0;
  word-break: break-word;
}
UI: simplify chat thread title (#29998) We were using a complex logic to make it change size based on scroll position but this was imperfect and not visually pleasing. Also the title had been made a button which was causing the ellipsis to not work correctly, and I would prefer to not mix page knowledge (thread) with title component so I made this click logic directly in the chat-thread component. --------- Co-authored-by: Jordan Vidrine <jordan@jordanvidrine.com> 2024-11-30 05:39:18 +08:00			`.chat-thread__heading {`
			`padding: 0.5rem 0.5rem 0 0.5rem;`
			`display: flex;`
			`align-items: baseline;`
			`}`

			`.chat-thread__heading-icon {`
			`color: var(--secondary-low);`
			`display: flex;`
			`background-color: var(--primary-100);`
			`padding: 0.5em;`
			`border-radius: 100%;`
			`}`

			`.chat-thread__heading-title {`
			`padding-left: 0.5em;`
			`color: var(--secondary-low);`
			`margin-bottom: 0;`
FIX: word break long continuous thread titles (#30007) 2024-11-30 08:07:39 +08:00			`word-break: break-word;`
UI: simplify chat thread title (#29998) We were using a complex logic to make it change size based on scroll position but this was imperfect and not visually pleasing. Also the title had been made a button which was causing the ellipsis to not work correctly, and I would prefer to not mix page knowledge (thread) with title component so I made this click logic directly in the chat-thread component. --------- Co-authored-by: Jordan Vidrine <jordan@jordanvidrine.com> 2024-11-30 05:39:18 +08:00			`}`