haskal
/
jiti-meet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(moderation) fix ui styles for advanced moderation context menu (#9758)

This commit is contained in:
Avram Tudor 2021-08-20 11:23:37 +03:00 committed by GitHub
parent ddbf334930
commit 8e4a22bdbf
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 18 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
react/features/participants-pane/components/FooterContextMenu.js
View File

@ -21,7 +21,8 @@ import { MuteEveryonesVideoDialog } from '../../video-menu/components';
import {
ContextMenu,
ContextMenuItem
ContextMenuItem,
ContextMenuItemGroup
} from './web/styled';
const useStyles = makeStyles(() => {
@ -33,11 +34,11 @@ const useStyles = makeStyles(() => {
right: 0,
top: '-8px',
transform: 'translateY(-100%)',
width: '238px'
width: '283px'
},
text: {
marginLeft: '52px',
lineHeight: '40px'
color: '#C2C2C2',
padding: '10px 16px 10px 52px'
},
paddedAction: {
marginLeft: '36px;'
@ -74,17 +75,18 @@ export const FooterContextMenu = ({ onMouseLeave }: Props) => {
<ContextMenu
className = { classes.contextMenu }
onMouseLeave = { onMouseLeave }>
<ContextMenuItem
id = 'participants-pane-context-menu-stop-video'
onClick = { muteAllVideo }>
<Icon
size = { 20 }
src = { IconVideoOff } />
<span>{ t('participantsPane.actions.stopEveryonesVideo') }</span>
</ContextMenuItem>
<ContextMenuItemGroup>
<ContextMenuItem
id = 'participants-pane-context-menu-stop-video'
onClick = { muteAllVideo }>
<Icon
size = { 20 }
src = { IconVideoOff } />
<span>{ t('participantsPane.actions.stopEveryonesVideo') }</span>
</ContextMenuItem>
</ContextMenuItemGroup>
{ isModerationSupported && !allModerators ? (
<>
<ContextMenuItemGroup>
<div className = { classes.text }>
{t('participantsPane.actions.allow')}
</div>
@ -106,7 +108,7 @@ export const FooterContextMenu = ({ onMouseLeave }: Props) => {
<span>{ t('participantsPane.actions.startModeration') }</span>
</ContextMenuItem>
)}
</>
</ContextMenuItemGroup>
) : undefined
}
</ContextMenu>

2
react/features/participants-pane/components/web/styled.js
View File

@ -99,7 +99,7 @@ export const ContextMenuItem = styled.div`
cursor: pointer;
display: flex;
min-height: 40px;
padding: 8px 16px;
padding: 10px 16px;
& > *:not(:last-child) {
margin-right: 16px;