feat: add readonly-chat class to readonly embed (#4714)

Adds a 'readonly' prop to ChatContainer that conditionally applies a
'readonly-chat' CSS class to the chat container element. This allows
streamers using OBS to target the readonly chat embed with custom CSS.

The readonly embed at /embed/chat/readonly now passes readonly={true}
to ChatContainer, which adds the class to the container div.

Fixes #4266

Co-authored-by: Gabe Kangas <gabek@real-ity.com>
This commit is contained in:
John Costa
2026-01-03 13:04:51 -08:00
committed by GitHub
co-authored by Gabe Kangas
parent 06d5d905b8
commit 05341aced0
2 changed files with 4 additions and 1 deletions
+1
View File
@@ -35,6 +35,7 @@ export default function ReadOnlyChatEmbed() {
showInput={false}
height="100vh"
chatAvailable={isChatAvailable}
readonly
/>
)}
</ErrorBoundary>