Fix join by phone icon placement in RTL #7996
Conversation
| } = this.props; | ||
|
|
||
| const showMicrophone = forceListenOnlyAttendee || audioLocked; | ||
|
|
||
| const dialAudioLabel = isRTL | ||
| ? `🡸 ${intl.formatMessage(intlMessages.audioDialTitle)}` | ||
| : `${intl.formatMessage(intlMessages.audioDialTitle)} 🡺`; |
There was a problem hiding this comment.
This is not the same arrow icon as before. Is this intentional?
There was a problem hiding this comment.
It was intentional, wasn't able to find the opposite arrow to the one previously implemented by @BobakOftadeh.
There was a problem hiding this comment.
@antobinary Unicode arrows can be found here https://www.compart.com/en/unicode/search?q=Arrow#characters
There is no leftwards arrow for the previously selected one.
There was a problem hiding this comment.
There's always CSS rotation. Let me pull the code and see if it's too wide/bold at the moment
There was a problem hiding this comment.
I would expect in RTL languages the <- to be in the leftmost part of the row. @GhaziTriki please clarify
LTR: blah blah blah ->
RTL: <- halb halb halb
And what I see now is
RTL: halb halb halb <-
Closes #7994