Wrap calling button text

This commit is contained in:
Josh Perez 2021-12-07 11:00:26 -05:00 committed by GitHub
parent 93310de194
commit d658dc9025
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 204 additions and 214 deletions

View file

@ -55,18 +55,14 @@ export const CallingHeader = ({
aria-label={i18n('calling__participants', [
String(participantCount),
])}
className={classNames(
'module-calling-button__participants--container',
{
'module-calling-button__participants--shown':
showParticipantsList,
}
)}
className={classNames('CallingButton__participants--container', {
'CallingButton__participants--shown': showParticipantsList,
})}
onClick={toggleParticipants}
type="button"
>
<i className="module-calling-button__participants" />
<span className="module-calling-button__participants--count">
<i className="CallingButton__participants" />
<span className="CallingButton__participants--count">
{participantCount}
</span>
</button>
@ -80,7 +76,7 @@ export const CallingHeader = ({
>
<button
aria-label={i18n('callingDeviceSelection__settings')}
className="module-calling-button__settings"
className="CallingButton__settings"
onClick={toggleSettings}
type="button"
/>
@ -104,8 +100,8 @@ export const CallingHeader = ({
)}
className={
isInSpeakerView
? 'module-calling-button__grid-view'
: 'module-calling-button__speaker-view'
? 'CallingButton__grid-view'
: 'CallingButton__speaker-view'
}
onClick={toggleSpeakerView}
type="button"
@ -118,7 +114,7 @@ export const CallingHeader = ({
<Tooltip content={i18n('calling__pip--on')} theme={Theme.Dark}>
<button
aria-label={i18n('calling__pip--on')}
className="module-calling-button__pip"
className="CallingButton__pip"
onClick={togglePip}
type="button"
/>
@ -130,7 +126,7 @@ export const CallingHeader = ({
<Tooltip content={i18n('cancel')} theme={Theme.Dark}>
<button
aria-label={i18n('cancel')}
className="module-calling-button__cancel"
className="CallingButton__cancel"
onClick={onCancel}
type="button"
/>