Skip to content

Fix all the little RTL layout bugs#2961

Merged
chrisgarrity merged 3 commits intoscratchfoundation:developfrom
chrisgarrity:issue/2800-layout-bugs
Aug 23, 2018
Merged

Fix all the little RTL layout bugs#2961
chrisgarrity merged 3 commits intoscratchfoundation:developfrom
chrisgarrity:issue/2800-layout-bugs

Conversation

@chrisgarrity
Copy link
Contributor

Resolves

Fixes styles for RTL in various places

Test Coverage

  • borders on toolbox and workspace mirror correctly
  • spacing on stage selector is correct
  • stage size icons are mirrored
  • extension library coming soon text is positioned correctly
  • only mirror blocks icon on the tab (others stay right-handed)
  • drop down icon in create variable modal has correct spacing

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

- [ ] borders on toolbox and workspace mirror correctly
- [ ] spacing on stage selector is correct
- [ ] stage size icons are mirrored
- [ ] extension library coming soon text is positioned correctly
- [ ] only mirror blocks icon on the tab (others stay right-handed)
- [ ] drop down icon in create variable modal has correct spacing
@chrisgarrity
Copy link
Contributor Author

@kchadha
Copy link
Contributor

kchadha commented Aug 23, 2018

I was able to verify all of the tests mentioned in the PR description:

  • borders on toolbox and workspace mirror correctly
  • spacing on stage selector is correct
  • stage size icons are mirrored
  • extension library coming soon text is positioned correctly
  • only mirror blocks icon on the tab (others stay right-handed)
  • drop down icon in create variable modal has correct spacing

I noticed that the sound editor and the paint editor have non-rounded corners for the bottom edge facing the stage in both LTR and RTL, if it's a quick fix, do you want to resolve that issue completely within this PR? Otherwise, we should file it as a separate issue.

screen shot 2018-08-23 at 2 39 23 pm

border-bottom-right-radius: $space;
}

[dir="rtl"] .blocks :global(.injectionDiv) {

This comment was marked as abuse.

This comment was marked as abuse.

This comment was marked as abuse.

Copy link
Contributor

@kchadha kchadha left a comment

Choose a reason for hiding this comment

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

Some questions/suggestions in the comments.

This makes the editor’s asset panels match the blocks.
@kchadha
Copy link
Contributor

kchadha commented Aug 23, 2018

@chrisgarrity, I think this looks good now!

I did find one more issue which is that the sprite info pane and the stage no longer line up on the side facing the code/sound/costume editors:

image

I think it's okay if this doesn't go into this PR.

@chrisgarrity
Copy link
Contributor Author

I think the stage lining up is related to the stage padding PR that landed last week, so it's not related to RTL.

@chrisgarrity chrisgarrity merged commit a194de7 into scratchfoundation:develop Aug 23, 2018
@chrisgarrity chrisgarrity deleted the issue/2800-layout-bugs branch October 9, 2018 15:14
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.

2 participants