CodingGarden / sproutkit

Apps and Components for Twitch Overlays
https://sproutkit.now.sh/
MIT License
34 stars 10 forks source link

Twitch announcements don't show up on the overlay #20

Open drillskibo opened 1 year ago

drillskibo commented 1 year ago

A moderator using /announce would not see their message appear on the screen at all. They should appear with a special background/style, maybe lock to top for a while.

drillskibo commented 1 year ago

🚧 Update after https://github.com/CodingGarden/sproutkit/commit/94fe1f06d38d163dd3e1a2913134627d201334ed ✨ Announcements now appear in the overlay. 🎨 The styling of the card match the one on the Twitch native chat, with borders on each side following the same color and pattern. 🐛 Animations on new message are broken for now, it will be worked on in short notice. ✅ The idea of locking to top for a short period has been accepted, and it will be added at a second time.

julianstefanov commented 1 year ago

Here is a small codepen, which can be copy/paste and to match fully the native Twitch border gradient colours INCLUDING the border-radius compatibility with CJ Overlay Chat Cards: https://codepen.io/yuliyanstefanov/pen/PoaQvRy?editors=1100

vrumger commented 1 year ago

Announcements can also pin themselves on top of the chat or do different things based on the color.