Merge pull request #14161 from ramonlsouza/fix-mute-and-listen-onlyicon
fix: mute + listen only icons in userlist
This commit is contained in:
commit
a6c8121776
@ -202,6 +202,23 @@ const Avatar = styled.div`
|
|||||||
}
|
}
|
||||||
`}
|
`}
|
||||||
|
|
||||||
|
${({ voice }) => voice && `
|
||||||
|
&:after {
|
||||||
|
content: "\\00a0\\e931\\00a0";
|
||||||
|
background-color: ${colorSuccess};
|
||||||
|
top: 1.375rem;
|
||||||
|
left: 1.375rem;
|
||||||
|
right: auto;
|
||||||
|
|
||||||
|
[dir="rtl"] & {
|
||||||
|
left: auto;
|
||||||
|
right: 1.375rem;
|
||||||
|
}
|
||||||
|
opacity: 1;
|
||||||
|
width: 1.2rem;
|
||||||
|
height: 1.2rem;
|
||||||
|
}
|
||||||
|
`}
|
||||||
|
|
||||||
${({ muted }) => muted && `
|
${({ muted }) => muted && `
|
||||||
&:after {
|
&:after {
|
||||||
@ -222,24 +239,6 @@ const Avatar = styled.div`
|
|||||||
}
|
}
|
||||||
`}
|
`}
|
||||||
|
|
||||||
${({ voice }) => voice && `
|
|
||||||
&:after {
|
|
||||||
content: "\\00a0\\e931\\00a0";
|
|
||||||
background-color: ${colorSuccess};
|
|
||||||
top: 1.375rem;
|
|
||||||
left: 1.375rem;
|
|
||||||
right: auto;
|
|
||||||
|
|
||||||
[dir="rtl"] & {
|
|
||||||
left: auto;
|
|
||||||
right: 1.375rem;
|
|
||||||
}
|
|
||||||
opacity: 1;
|
|
||||||
width: 1.2rem;
|
|
||||||
height: 1.2rem;
|
|
||||||
}
|
|
||||||
`}
|
|
||||||
|
|
||||||
${({ noVoice }) => noVoice && `
|
${({ noVoice }) => noVoice && `
|
||||||
&:after {
|
&:after {
|
||||||
content: "";
|
content: "";
|
||||||
|
Loading…
Reference in New Issue
Block a user