Skip to content

Implement readable content margins#769

Merged
etoledom merged 16 commits intodevelopfrom
issue/604-add-readable-margins
Mar 22, 2019
Merged

Implement readable content margins#769
etoledom merged 16 commits intodevelopfrom
issue/604-add-readable-margins

Conversation

@etoledom
Copy link
Copy Markdown
Contributor

@etoledom etoledom commented Mar 21, 2019

fixes #604

This PR implements a JS only version of the iOS Readable Content Margins. This help us to show a narrower content view when the screens are too wide.

In the original ticket, @iamthomasbishop opted to keep the native iOS Readable Content Guide, but I opted for a simpler first iteration with a fixed maximum width. And later on implement platform specific details.

ReadableContent

To test Android:

  • Checkout this branch on WPAndroid project's gutenberg-mobile submodule.
  • Run on a tablet (or tablet emulator)
  • Check that the content is centered as in the image.
  • Check that the selected blocks are boxed with a border.
  • Run on a Phone
  • Check that there are no side borders on selected blocks.

To test iOS:

@etoledom etoledom self-assigned this Mar 21, 2019
@etoledom etoledom added the [Type] Enhancement Improves a current area of the editor label Mar 21, 2019
@etoledom etoledom added this to the v1.2 milestone Mar 21, 2019
Copy link
Copy Markdown
Contributor

@marecar3 marecar3 left a comment

Choose a reason for hiding this comment

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

Nice job @etoledom, it's perfect on Android.
LGTM!

Copy link
Copy Markdown
Contributor

@SergioEstevao SergioEstevao left a comment

Choose a reason for hiding this comment

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

Working well on the demo app! Tested on iPhone XR, iPhone X and iPad on multiple split-view modes.

@etoledom etoledom merged commit 864e5f2 into develop Mar 22, 2019
@etoledom
Copy link
Copy Markdown
Contributor Author

Thank you both!

@etoledom etoledom deleted the issue/604-add-readable-margins branch March 22, 2019 13:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

[Type] Enhancement Improves a current area of the editor

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Tablet layout visual refinements

3 participants