owncast/web/components/chat/ChatJoinMessage/ChatJoinMessage.module.scss

.root {
  display: inline-flex;
  padding: 10px 0px;
  color: var(--theme-color-components-chat-text);
  font-weight: 400;
  font-size: var(--chat-message-text-size);

  .moderatorBadge,
  .user {
    margin-right: 5px;
  }
}

.icon {
  padding: 0 var(--chat-notification-icon-padding) 0 16px;
}
styled chat join messages 2022-10-03 10:15:00 +02:00			`.root {`
fix(chat): tweak layouts of chat user badges. Closes #3009 2023-05-31 14:49:42 -07:00			`display: inline-flex;`
styled chat join messages 2022-10-03 10:15:00 +02:00			`padding: 10px 0px;`
Support color customization from the admin (#2338) * Add user-customizable theming. Closes #1915 * Prettified Code! * Add user-customizable theming. Closes #1915 * Add explicit color for page content background * Prettified Code! Co-authored-by: gabek <gabek@users.noreply.github.com> 2022-11-12 20:26:55 -08:00			`color: var(--theme-color-components-chat-text);`
fix(chat): increase font weight of chat join messages 2023-05-06 10:48:54 -07:00			`font-weight: 400;`
			`font-size: var(--chat-message-text-size);`
fix(chat): tweak layouts of chat user badges. Closes #3009 2023-05-31 14:49:42 -07:00
			`.moderatorBadge,`
			`.user {`
			`margin-right: 5px;`
			`}`
some webv2 UI polish (#2940) * style tweaks for Action Button, UserMenu, Modal * a bunch of misc polish; some around chat * Prettified Code! * cleanup * fix formatting * Reduce content padding a bit * some stylesheet cleanup * fix action button sizing * Remove action button height completely --------- Co-authored-by: gingervitis <gingervitis@users.noreply.github.com> Co-authored-by: Gabe Kangas <gabek@real-ity.com> 2023-04-24 10:58:57 -07:00			`}`

			`.icon {`
fix(chat): increase font weight of chat join messages 2023-05-06 10:48:54 -07:00			`padding: 0 var(--chat-notification-icon-padding) 0 16px;`
Add standalone join message with user badge 2022-08-21 15:50:22 -07:00			`}`