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 - Verse block editor styling should be similar to paragraph block #30836

Open
guarani opened this issue Apr 14, 2021 · 0 comments
Open
Labels
[Block] Verse Affects the Verse block Mobile App - i.e. Android or iOS Native mobile impl of the block editor. (Note: used in scripts, ping mobile folks to change) [Type] Task Issues or PRs that have been broken down into an individual action to take

Comments

@guarani
Copy link
Contributor

guarani commented Apr 14, 2021

Description

The Verse block in the React Native editor uses a monospace font but it should be styled in the same font as that of the Paragraph block.

As noted here, the styles we want are:

  • No additional padding
  • Text styled like a paragraph
  • No borders
  • No background

I think all that's left is to style the Verse block like a paragraph (i.e. no monospace font)

Step-by-step reproduction instructions

  1. Run the GutenbergDemo app on iOS or Android
  2. Add a Verse block and notice the monospace font
  3. Compare this to the editor on the web where a regular paragraph font is used

Expected behaviour

Verse blocks should use a text style similar to that of a paragraph.

Actual behaviour

Verse blocks use a text style similar to that of a paragraph.

Screenshots or screen recording (optional)

React Native Editor Web Editor

WordPress information

The web screenshot above was taken from a site using the latest Twenty Twenty-One theme.

Device information

  • Device: iPhone 11 simulator
  • Operating system: iOS 13.3
  • GutenbergDemo app version: 4b562fc
@guarani guarani added Mobile App - i.e. Android or iOS Native mobile impl of the block editor. (Note: used in scripts, ping mobile folks to change) [Block] Verse Affects the Verse block labels Apr 14, 2021
@hypest hypest added the [Type] Task Issues or PRs that have been broken down into an individual action to take label Apr 16, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Block] Verse Affects the Verse block Mobile App - i.e. Android or iOS Native mobile impl of the block editor. (Note: used in scripts, ping mobile folks to change) [Type] Task Issues or PRs that have been broken down into an individual action to take
Projects
None yet
Development

No branches or pull requests

2 participants