refactor(participnats-pane) move participant-avatar to commmonStyles (#11120)
This commit is contained in:
parent
2dad8163bb
commit
4ed2d55cae
|
@ -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;
|
||||||
|
|
|
@ -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,
|
||||||
|
|
Loading…
Reference in New Issue