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

Changed retry icon color #23555

Conversation

antonis
Copy link
Member

@antonis antonis commented Jun 29, 2020

Fixes wordpress-mobile/gutenberg-mobile#2429

Related PRs:

gutenberg-mobile TBD
WordPress-iOS TBD
WordPress-Android TBD

Description

This fix changes the colour of the retry icon in case of upload failure to match the colour of the text. This also aligns the design with other components (e.g. Image)

How has this been tested?

  • Add a Media-Text block
  • Press the add image or video button
  • Select a video and trigger an upload error (e.g. disconnect from the network)
  • Confirm that the colour of the retry icon is white

Screenshots

Media text retry colour icon that matches the text
Simulator Screen Shot - iPhone 11 - 2020-06-29 at 14 21 36

Types of changes

Bug fix

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.

@antonis antonis force-pushed the rnmobile/2429-Media_Text_Failed_upload_retry_icon_color branch from d57f8e0 to dba2a1f Compare June 29, 2020 12:31
@chipsnyder chipsnyder self-requested a review June 29, 2020 13:33
@chipsnyder chipsnyder self-assigned this Jun 29, 2020
<Path d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z" />
<Path
d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"
fill="#ffffff"
Copy link
Contributor

Choose a reason for hiding this comment

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

Hey, I wanted to document what we talked about in our chat a little bit ago.

In image block, we're using a style attribute and then setting that on the icon.

I think it might be good to continue this pattern instead of setting it in the SVG. Looking at the media-container it looks like we're trying to set the style already. I think it would be worth exploring why that isn't working.

PS. We talked about reusing the retry UI but looking deeper into that suggestion I think that would be an effort for a dedicated issue.

Copy link
Member Author

Choose a reason for hiding this comment

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

Closing PR since it is already handled by #22788

@antonis antonis closed this Jun 30, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants