Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Mobile] UI for size image settings #13728

Merged
merged 14 commits into from
Feb 7, 2019
Merged

Conversation

etoledom
Copy link
Contributor

@etoledom etoledom commented Feb 7, 2019

Description

This PR adds a mobile picker component, and a PickerCell that uses it.
The Picker can be used stand alone too.

This picker will show the native ActionSheet on iOS and our custom BottomSheet on Android, as requested by Thomas.

This PR manages just the UI, so the size image settings are not updated after the selection.

android-select
size

To test:

  • Check out the related gutenberg-mobile branch and run the app.
  • Add an image block and add an image to it.
  • Open the image settings.
  • Press on Image Size.
  • Check that the corresponding bottom sheet appears with the size options, as shown in the.
  • Repeat these steps for iOS and for Android.

@etoledom etoledom added the Mobile App - i.e. Android or iOS Native mobile impl of the block editor. (Note: used in scripts, ping mobile folks to change) label Feb 7, 2019
@etoledom etoledom self-assigned this Feb 7, 2019
Copy link
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.

LGTM!

@etoledom etoledom merged commit 23a7297 into master Feb 7, 2019
@etoledom etoledom deleted the rnmobile/size-image-settings-ui branch February 7, 2019 17:51
@youknowriad youknowriad added this to the 5.1 (Gutenberg) milestone Feb 15, 2019
youknowriad pushed a commit that referenced this pull request Mar 6, 2019
* Mobile: Importing SelectControl as native picker for iOS and Android

* Adding iOS version of SelectControl as UIActionSheet.

* Mobile: select-cell name change

* Adding Android selector control based on modal.

* Fix lint issues

* Fix lint issues

* Updated Android selector to show  as BottomSheet

* Moving SelectControl to components/mobile as `Picker`

* Fix lint issues

* Remove mobile `modal` component import

* Updated SelectCell to PickerCell

* Fix lint issues

* Renaming styles.scss to styles.native.scss
youknowriad pushed a commit that referenced this pull request Mar 6, 2019
* Mobile: Importing SelectControl as native picker for iOS and Android

* Adding iOS version of SelectControl as UIActionSheet.

* Mobile: select-cell name change

* Adding Android selector control based on modal.

* Fix lint issues

* Fix lint issues

* Updated Android selector to show  as BottomSheet

* Moving SelectControl to components/mobile as `Picker`

* Fix lint issues

* Remove mobile `modal` component import

* Updated SelectCell to PickerCell

* Fix lint issues

* Renaming styles.scss to styles.native.scss
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Mobile App - i.e. Android or iOS Native mobile impl of the block editor. (Note: used in scripts, ping mobile folks to change)
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants