refactor(participnats-pane) move participant-avatar to commmonStyles (#11120)

This commit is contained in:
Shahab 2022-03-15 14:59:42 +03:30 committed by GitHub
parent 2dad8163bb
commit 4ed2d55cae
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 4 deletions

View File

@ -25,10 +25,6 @@
} }
} }
.participant-avatar {
margin: 8px 16px 8px 0;
}
@media (max-width: 580px) { @media (max-width: 580px) {
.participants_pane { .participants_pane {
height: 100vh; height: 100vh;

View File

@ -9,6 +9,7 @@ export const commonClassName = {
emptyList: 'empty-list', emptyList: 'empty-list',
overflowMenuItem: 'overflow-menu-item', overflowMenuItem: 'overflow-menu-item',
overflowMenuItemIcon: 'overflow-menu-item-icon', overflowMenuItemIcon: 'overflow-menu-item-icon',
participantAvatar: 'participant-avatar',
toolboxIcon: 'toolbox-icon', toolboxIcon: 'toolbox-icon',
toolboxButton: 'toolbox-button', toolboxButton: 'toolbox-button',
toolboxContentItems: 'toolbox-content-items' toolboxContentItems: 'toolbox-content-items'
@ -96,6 +97,9 @@ export const commonStyles = (theme: Object) => {
width: 20 width: 20
} }
}, },
[commonClassName.participantAvatar]: {
margin: `${theme.spacing(2)} ${theme.spacing(3)} ${theme.spacing(2)} 0`
},
[commonClassName.toolboxIcon]: { [commonClassName.toolboxIcon]: {
display: 'flex', display: 'flex',
borderRadius: 3, borderRadius: 3,