add big recording indicator for viewers when record is active

This commit is contained in:
Ramon Souza 2022-06-24 16:25:42 -03:00
parent 88697650a2
commit c3f0c079e5
2 changed files with 8 additions and 0 deletions

View File

@ -242,6 +242,7 @@ class RecordingIndicator extends PureComponent {
aria-label={`${intl.formatMessage(recording
? intlMessages.notificationRecordingStart
: intlMessages.notificationRecordingStop)}`}
recording={recording}
>
{recordingIndicatorIcon}

View File

@ -126,6 +126,13 @@ const RecordingIndicator = styled.div`
const RecordingStatusViewOnly = styled.div`
display: flex;
${({ recording }) => recording && `
padding: 5px;
background-color: ${colorDanger};
border: ${borderSizeLarge} solid ${colorDanger};
border-radius: 10px;
`}
`;
export default {