Skip to content

Mirror the speaker icon for RTL languages#3022

Merged
chrisgarrity merged 1 commit intoscratchfoundation:developfrom
chrisgarrity:issue/2983-mirror-speaker
Aug 30, 2018
Merged

Mirror the speaker icon for RTL languages#3022
chrisgarrity merged 1 commit intoscratchfoundation:developfrom
chrisgarrity:issue/2983-mirror-speaker

Conversation

@chrisgarrity
Copy link
Contributor

@chrisgarrity chrisgarrity commented Aug 28, 2018

Resolves

What Github issue does this resolve (please include link)?

Proposed Changes

Describe what this Pull Request does
This mirrors the speaker icon for RTL languages.

Since the library and sprite selector components are not aware of which kind of content being displayed the scaleX(-1) css trick doesn't work because it would mirror all the sprite costumes as well as the sound icon.

Instead the sound components provide an alternate (rtl) version of the icon for the image url.

Test Coverage

Try it: https://chrisgarrity.github.io/scratch-gui/issue/2983-mirror-speaker/?locale=he

Please show how you have added tests to cover your changes

  • all the speaker icons should consistently have the sound waves towards the left when in RTL languages

screen shot 2018-08-28 at 5 57 24 pm

screen shot 2018-08-28 at 5 57 08 pm

Browser Coverage

Check the OS/browser combinations tested (At least 2)

Mac

  • Chrome
  • Firefox
  • Safari

Windows

  • Chrome
  • Firefox
  • Edge

Chromebook

  • Chrome

iPad

  • Safari

Android Tablet

  • Chrome

Copy link
Contributor

@fsih fsih left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!

@chrisgarrity chrisgarrity merged commit 9286e4d into scratchfoundation:develop Aug 30, 2018
@chrisgarrity chrisgarrity deleted the issue/2983-mirror-speaker branch August 30, 2018 15:16
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Speaker/volume icon should be mirrored for RTL

2 participants

Comments