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

.root {
  display: inline-flex;
  padding: 10px 0;
  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 11:15:00 +03:00			`.root {`
fix(chat): tweak layouts of chat user badges. Closes #3009 2023-06-01 00:49:42 +03:00			`display: inline-flex;`
chore: run stylelint on our css files 2023-06-21 06:56:37 +03:00			`padding: 10px 0;`
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-13 07:26:55 +03:00			`color: var(--theme-color-components-chat-text);`
fix(chat): increase font weight of chat join messages 2023-05-06 20:48:54 +03:00			`font-weight: 400;`
			`font-size: var(--chat-message-text-size);`
fix(chat): tweak layouts of chat user badges. Closes #3009 2023-06-01 00:49:42 +03: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 20:58:57 +03:00			`}`

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