Page MenuHomePhabricator

mobile-html improvements to page issues
Open, MediumPublic

Description

User story

As a user of the iOS app I would like to be able to easily see any page issues that are related to an article

Proposed designs

Tapping on 'Learn more' opens the learn more screen.

In article
Learn more

Assets

Theming for Dark, Black and Sepia

ElementDefinition
Page issue background colorMid background
Text colorSecondary text color
Link colorLink color
Orange alert iconSame orange as default
Blue alert iconLink color

Event Timeline

Restricted Application added a subscriber: Aklapper. · View Herald Transcript

Page issues - multiple.png (667×375 px, 133 KB)

A suggestion from @schoenbaechler is to remove the short horizontal line when there is a page issue but no disambiguation

JoeWalsh subscribed.

Tagging this into the Infrastructure backlog and the Android backlog as it will need to be implemented in the Page Content Service and on both platforms

@cmadeo maybe in combination with a #EAECF0 border? 👇

issues-with-border.png (667×375 px, 157 KB)

@cmadeo could you update the ticket with colors for each theme? We can update the svg colors so we don't need additional assets, just color definitions for the other themes for the icons, the box background, etc. Thanks!

LGoto renamed this task from As a user of the iOS app I would like to be able to easily see any page issues that are related to an article to mobile-html improvements to page issues.Apr 9 2020, 5:53 PM
LGoto added a project: Epic.