mirror of
https://gitcode.com/GitHub_Trending/ji/jitsi-meet.git
synced 2026-05-18 11:47:47 +00:00
feat(chat): Improve responsiveness.
* Fix toolbox buttons not displaying properly when chat is open. * Open chat in fullscreen dialog past custom thresholds when mobile/desktop toolbox would become unusable due to chat * Remove mobile chat check when displaying toolbox
This commit is contained in:
committed by
GitHub
parent
1ab0f1993a
commit
43e655b619
37
react/features/chat/components/web/ChatDialog.js
Normal file
37
react/features/chat/components/web/ChatDialog.js
Normal file
@@ -0,0 +1,37 @@
|
||||
// @flow
|
||||
|
||||
import React from 'react';
|
||||
|
||||
import { Dialog } from '../../../base/dialog';
|
||||
|
||||
import Header from './ChatDialogHeader';
|
||||
|
||||
type Props = {
|
||||
|
||||
/**
|
||||
* Children of the component.
|
||||
*/
|
||||
children: React$Node
|
||||
}
|
||||
|
||||
/**
|
||||
* Component that renders the content of the chat in a modal.
|
||||
*
|
||||
* @returns {React$Element<any>}
|
||||
*/
|
||||
function ChatDialog({ children }: Props) {
|
||||
return (
|
||||
<Dialog
|
||||
customHeader = { Header }
|
||||
disableEnter = { true }
|
||||
hideCancelButton = { true }
|
||||
submitDisabled = { true }
|
||||
titleKey = 'chat.title'>
|
||||
<div className = 'chat-dialog'>
|
||||
{children}
|
||||
</div>
|
||||
</Dialog>
|
||||
);
|
||||
}
|
||||
|
||||
export default ChatDialog;
|
||||
Reference in New Issue
Block a user