mirrors/owncast
1
0
Fork 0
mirror of https://github.com/owncast/owncast.git synced 2024-11-24 13:50:06 +03:00
Code Issues Projects Releases Packages Wiki Activity

Use vh instead of % to fix storybook rendering of chat container.

Browse source
This commit is contained in:
Gabe Kangas 2022-07-21 12:15:03 -07:00
parent 25d52c4e1a
commit 0574725be8
No known key found for this signature in database
GPG key ID: 9A56337728BC81EA
2 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
web/components/chat/ChatContainer/ChatContainer.tsx
View file

@ -102,7 +102,7 @@ export default function ChatContainer(props: Props) {
() => ( () => (
<> <>
<Virtuoso <Virtuoso
style={{ height: 'calc(100% - 110px)', width: 'auto' }} style={{ height: 'calc(100vh - 170px)', width: 'auto' }}
ref={chatContainerRef} ref={chatContainerRef}
initialTopMostItemIndex={messages.length - 1} // Force alignment to bottom initialTopMostItemIndex={messages.length - 1} // Force alignment to bottom
data={messages} data={messages}

4
web/stories/ChatContainer.stories.tsx
View file

@ -35,8 +35,8 @@ const AddMessagesChatExample = args => {
</button> </button>
<ChatContainer <ChatContainer
messages={chatMessages} messages={chatMessages}
usernameToHighlight={null} usernameToHighlight="testuser"
chatUserId={null} chatUserId="testuser"
isModerator={false} isModerator={false}
isMobile={false} isMobile={false}
/> />