Wordpress-ios: Reader: heading alignment and color are not displayed

Created on 17 Apr 2020  ·  3Comments  ·  Source: wordpress-mobile/WordPress-iOS

Steps to reproduce:

  1. Create a new post on the web.
  2. Add a heading block and change the color for it in the block settings.
  3. Add a paragraph.
  4. Add a left-aligned heading.
  5. Add a paragraph.
  6. Add a center-aligned heading.
  7. Add a paragraph.
  8. Add a right-aligned heading.
  9. Save or publish the post.
  10. View the post in the Reader and check to see if the headings look correct.

Result: alignment and color block settings for headings aren't displayed in the Reader.

Reader in app | Safari on iOS
--- | ---
IMG_3847 | IMG_3848

Tested with WPiOS 14.6.0.3 TestFlight beta on iPhone 11 iOS 13.4.1 Dark Mode.

Note: alignment (Android-only) and color (Android and iOS) are not yet supported in the editor. See wordpress-mobile/gutenberg-mobile#1880 and wordpress-mobile/gutenberg-mobile#2165 to follow progress.

Aside: it's quite possible color isn't expected to show in the Reader. If that is the case, please leave a comment here to explain. Thank you! cc @iamthomasbishop

Reader [Type] Bug

All 3 comments

it's quite possible color isn't expected to show in the Reader. If that is the case, please leave a comment here to explain.

I wouldn't expect styling like text color to be inherited on Reader, tbh. Reader (in my eyes) is sort of a style-neutral consumption tool, not unlike various news/RSS readers such as Reeder, Instapaper, etc — where every article is generally styled the same to bring consistency and reduce clutter in the reading experience. So on a scale from style-less to fully-styled as the site, we typically steer toward the style-less by design. I could, however, see supporting something like text-alignment because it's pretty rudimentary, although that puts us in a gray area.

With that said, I'm not opposed to exploring some other approach (similar to Google News, which goes from their index screens to the full web view which I dislike strongly 😄) but honestly at that point, we might as well just launch the user into a webview when they want to read an article 🤷‍♂️

Side-note: This dilemma has also informed some of my choices while designing for the mobile editors — because we don't want to get stuck "in the middle" where things _sorta_ look like the output but _not quite_, we've kept styling pretty neutral.

I'd love to hear others' opinions on the matter, so I'm cc'ing @mattmiklic @mbshakti 😄

Reader (in my eyes) is sort of a style-neutral consumption tool, not unlike various news/RSS readers such as Reeder, Instapaper, etc — where every article is generally styled the same to bring consistency and reduce clutter in the reading experience.

I'd agree with this — and I'd say that those kinds of apps are probably where we should look for inspiration for deciding where to draw the line between respecting user's customizations and maintaining some level of consistency within the app's reading experience. That probably doesn't include color but _might_ include alignment.

Was this page helpful?
0 / 5 - 0 ratings