refactor(dialog): use jss instead of sass for mute-dialog style (#11154)
This commit is contained in:
parent
17faefd757
commit
9278414821
|
@ -88,7 +88,6 @@ $flagsImagePath: "../images/";
|
||||||
@import 'country-picker';
|
@import 'country-picker';
|
||||||
@import 'modals/invite/invite_more';
|
@import 'modals/invite/invite_more';
|
||||||
@import 'modals/security/security';
|
@import 'modals/security/security';
|
||||||
@import 'modals/mute/mute-dialog';
|
|
||||||
@import 'e2ee';
|
@import 'e2ee';
|
||||||
@import 'responsive';
|
@import 'responsive';
|
||||||
@import 'drawer';
|
@import 'drawer';
|
||||||
|
|
|
@ -1,19 +0,0 @@
|
||||||
.mute-dialog {
|
|
||||||
.separator-line {
|
|
||||||
margin: 24px 0 24px -20px;
|
|
||||||
padding: 0 20px;
|
|
||||||
width: 100%;
|
|
||||||
height: 1px;
|
|
||||||
background: #5E6D7A;
|
|
||||||
}
|
|
||||||
|
|
||||||
.control-row {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
margin-top: 15px;
|
|
||||||
|
|
||||||
label {
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
|
@ -7,6 +7,7 @@
|
||||||
*/
|
*/
|
||||||
export const commonClassName = {
|
export const commonClassName = {
|
||||||
emptyList: 'empty-list',
|
emptyList: 'empty-list',
|
||||||
|
muteDialog: 'mute-dialog',
|
||||||
overflowMenuItem: 'overflow-menu-item',
|
overflowMenuItem: 'overflow-menu-item',
|
||||||
overflowMenuItemIcon: 'overflow-menu-item-icon',
|
overflowMenuItemIcon: 'overflow-menu-item-icon',
|
||||||
participantAvatar: 'participant-avatar',
|
participantAvatar: 'participant-avatar',
|
||||||
|
@ -30,6 +31,25 @@ export const commonStyles = (theme: Object) => {
|
||||||
margin: 0,
|
margin: 0,
|
||||||
padding: 0
|
padding: 0
|
||||||
},
|
},
|
||||||
|
[commonClassName.muteDialog]: {
|
||||||
|
'& .separator-line': {
|
||||||
|
margin: `${theme.spacing(4)}px 0 ${theme.spacing(4)}px -20px`,
|
||||||
|
padding: '0 20px',
|
||||||
|
width: '100%',
|
||||||
|
height: '1px',
|
||||||
|
background: '#5E6D7A'
|
||||||
|
},
|
||||||
|
|
||||||
|
'& .control-row': {
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'space-between',
|
||||||
|
marginTop: `${theme.spacing(3)}px`,
|
||||||
|
|
||||||
|
'& label': {
|
||||||
|
fontSize: '14px'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
[commonClassName.overflowMenuItem]: {
|
[commonClassName.overflowMenuItem]: {
|
||||||
alignItems: 'center',
|
alignItems: 'center',
|
||||||
color: theme.palette.text01,
|
color: theme.palette.text01,
|
||||||
|
@ -98,7 +118,7 @@ export const commonStyles = (theme: Object) => {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
[commonClassName.participantAvatar]: {
|
[commonClassName.participantAvatar]: {
|
||||||
margin: `${theme.spacing(2)} ${theme.spacing(3)} ${theme.spacing(2)} 0`
|
margin: `${theme.spacing(2)}px ${theme.spacing(3)}px ${theme.spacing(2)}px 0`
|
||||||
},
|
},
|
||||||
[commonClassName.toolboxIcon]: {
|
[commonClassName.toolboxIcon]: {
|
||||||
display: 'flex',
|
display: 'flex',
|
||||||
|
|
Loading…
Reference in New Issue