Skip to content

Rnmobile/fix font size breakage#21527

Merged
SergioEstevao merged 2 commits intomasterfrom
rnmobile/fix_font_size_breakage
Apr 10, 2020
Merged

Rnmobile/fix font size breakage#21527
SergioEstevao merged 2 commits intomasterfrom
rnmobile/fix_font_size_breakage

Conversation

@SergioEstevao
Copy link
Copy Markdown
Contributor

@SergioEstevao SergioEstevao commented Apr 9, 2020

Description

Fix font size breakage that was created because mobile Gutenberg doesn't yet support editing of typography attributes.

The breakage can be seen by selecting a paragraph control and then tapping on the settings icon (cog).

Before the typography settings consisted only on the line size, but now they were expanded to have font size, and joined together in a single Panel called Typography.

This PR hides the full typography panel in RN GB-mobile instead of just the line-size attribute.

How has this been tested?

This can be tested using this PR in GB-mobile: wordpress-mobile/gutenberg-mobile#2149

Screenshots

Types of changes

Checklist:

  • My code is tested.
  • My code follows the WordPress code style.
  • My code follows the accessibility standards.
  • My code has proper inline documentation.
  • I've included developer documentation if appropriate.
  • I've updated all React Native files affected by any refactorings/renamings in this PR.

This allow that font size attributes are still read and saved
properly in mobile.
@SergioEstevao SergioEstevao 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 Apr 9, 2020
@SergioEstevao SergioEstevao requested review from Tug and pinarol April 9, 2020 23:16
@github-actions
Copy link
Copy Markdown

github-actions bot commented Apr 9, 2020

Size Change: -7 B (0%)

Total Size: 903 kB

Filename Size Change
build/block-editor/index.js 104 kB -7 B (0%)
ℹ️ View Unchanged
Filename Size Change
build/a11y/index.js 1.02 kB 0 B
build/annotations/index.js 3.62 kB 0 B
build/api-fetch/index.js 4.01 kB 0 B
build/autop/index.js 2.82 kB 0 B
build/blob/index.js 620 B 0 B
build/block-directory/index.js 6.24 kB 0 B
build/block-directory/style-rtl.css 760 B 0 B
build/block-directory/style.css 760 B 0 B
build/block-editor/style-rtl.css 10.2 kB 0 B
build/block-editor/style.css 10.2 kB 0 B
build/block-library/editor-rtl.css 7.22 kB 0 B
build/block-library/editor.css 7.22 kB 0 B
build/block-library/index.js 112 kB 0 B
build/block-library/style-rtl.css 7.15 kB 0 B
build/block-library/style.css 7.16 kB 0 B
build/block-library/theme-rtl.css 683 B 0 B
build/block-library/theme.css 685 B 0 B
build/block-serialization-default-parser/index.js 1.88 kB 0 B
build/block-serialization-spec-parser/index.js 3.1 kB 0 B
build/blocks/index.js 57.7 kB 0 B
build/components/index.js 198 kB 0 B
build/components/style-rtl.css 16.6 kB 0 B
build/components/style.css 16.5 kB 0 B
build/compose/index.js 6.66 kB 0 B
build/core-data/index.js 11.1 kB 0 B
build/data-controls/index.js 1.25 kB 0 B
build/data/index.js 8.43 kB 0 B
build/date/index.js 5.47 kB 0 B
build/deprecated/index.js 772 B 0 B
build/dom-ready/index.js 569 B 0 B
build/dom/index.js 3.1 kB 0 B
build/edit-navigation/index.js 3.1 kB 0 B
build/edit-navigation/style-rtl.css 279 B 0 B
build/edit-navigation/style.css 280 B 0 B
build/edit-post/index.js 93.5 kB 0 B
build/edit-post/style-rtl.css 12.3 kB 0 B
build/edit-post/style.css 12.3 kB 0 B
build/edit-site/index.js 10.4 kB 0 B
build/edit-site/style-rtl.css 5.02 kB 0 B
build/edit-site/style.css 5.02 kB 0 B
build/edit-widgets/index.js 7.53 kB 0 B
build/edit-widgets/style-rtl.css 3.74 kB 0 B
build/edit-widgets/style.css 3.73 kB 0 B
build/editor/editor-styles-rtl.css 428 B 0 B
build/editor/editor-styles.css 431 B 0 B
build/editor/index.js 43.6 kB 0 B
build/editor/style-rtl.css 3.49 kB 0 B
build/editor/style.css 3.49 kB 0 B
build/element/index.js 4.64 kB 0 B
build/escape-html/index.js 733 B 0 B
build/format-library/index.js 7.29 kB 0 B
build/format-library/style-rtl.css 502 B 0 B
build/format-library/style.css 502 B 0 B
build/hooks/index.js 2.13 kB 0 B
build/html-entities/index.js 622 B 0 B
build/i18n/index.js 3.56 kB 0 B
build/is-shallow-equal/index.js 711 B 0 B
build/keyboard-shortcuts/index.js 2.51 kB 0 B
build/keycodes/index.js 1.91 kB 0 B
build/list-reusable-blocks/index.js 3.12 kB 0 B
build/list-reusable-blocks/style-rtl.css 226 B 0 B
build/list-reusable-blocks/style.css 226 B 0 B
build/media-utils/index.js 5.28 kB 0 B
build/notices/index.js 1.79 kB 0 B
build/nux/index.js 3.4 kB 0 B
build/nux/style-rtl.css 616 B 0 B
build/nux/style.css 613 B 0 B
build/plugins/index.js 2.67 kB 0 B
build/primitives/index.js 1.5 kB 0 B
build/priority-queue/index.js 789 B 0 B
build/redux-routine/index.js 2.84 kB 0 B
build/rich-text/index.js 14.8 kB 0 B
build/server-side-render/index.js 2.67 kB 0 B
build/shortcode/index.js 1.7 kB 0 B
build/token-list/index.js 1.28 kB 0 B
build/url/index.js 4.01 kB 0 B
build/viewport/index.js 1.84 kB 0 B
build/warning/index.js 1.14 kB 0 B
build/wordcount/index.js 1.17 kB 0 B

compressed-size-action

@hypest
Copy link
Copy Markdown
Contributor

hypest commented Apr 10, 2020

👋 Sérgio! Looking at the diff it seems that the Platform selection is removed and the code is unified with the web, making this feel like there is typography support on native mobile too, but the PR description mentions mobile Gutenberg doesn't yet support editing of typography attributes so, I'm confused 😄 . Is it supported now perhaps?

Copy link
Copy Markdown
Contributor

@youknowriad youknowriad left a comment

Choose a reason for hiding this comment

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

Makes sense to move the check up in the tree

@SergioEstevao
Copy link
Copy Markdown
Contributor Author

SergioEstevao commented Apr 10, 2020

@hypest if you look at the diff in the styles.js file I move the Platform check to another place, to avoid all the typography settings from mobile.

@SergioEstevao SergioEstevao requested a review from hypest April 10, 2020 10:52
@hypest
Copy link
Copy Markdown
Contributor

hypest commented Apr 10, 2020

@hypest if you look at the diff in the styles.js file I move the Platform check to another place, to avoid all the typography settings from mobile.

Ah, sorry for not noticing that. This makes sense now, the check got expanded to include both font-size and line-height, thanks for updating the PR description with it.

Copy link
Copy Markdown
Contributor

@hypest hypest left a comment

Choose a reason for hiding this comment

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

LGTM!

@SergioEstevao SergioEstevao merged commit 3130e85 into master Apr 10, 2020
@SergioEstevao SergioEstevao deleted the rnmobile/fix_font_size_breakage branch April 10, 2020 13:33
@github-actions github-actions bot added this to the Gutenberg 7.9 milestone Apr 10, 2020
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.

3 participants