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

Make the Report Abuse link on the projects page into a button #46055

Merged
merged 5 commits into from
May 6, 2022

Conversation

clareconstantine
Copy link

@clareconstantine clareconstantine commented Apr 28, 2022

The request was to make this link a button that matches the other button on this page

Before:
Screen Shot 2022-04-27 at 5 08 24 PM

After:
Screen Shot 2022-04-27 at 5 07 53 PM

Links

Testing story

Deployment strategy

Follow-up work

Privacy

Security

Caching

PR Checklist:

  • Tests provide adequate coverage
  • Privacy and Security impacts have been assessed
  • Code is well-commented
  • New features are translatable or updates will not break translations
  • Relevant documentation has been added or updated
  • User impact is well-understood and desirable
  • Pull Request is labeled appropriately
  • Follow-up work items (including potential tech debt) are tracked and linked

@clareconstantine clareconstantine requested a review from a team April 28, 2022 00:13
display: 'inline-block'
bottomButton: {
marginTop: '30px',
marginBottom: '15px',
Copy link
Contributor

Choose a reason for hiding this comment

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

My brain wants these to be balanced, but aside from that LGTM!

>
<h3>{i18n.reportAbuse()}</h3>
</a>
color={Button.ButtonColor.gray}
Copy link
Contributor

Choose a reason for hiding this comment

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

Also, this seems like a default button, but is there enough contrast between these two shades of grey for it to be accessible?

Copy link
Contributor

Choose a reason for hiding this comment

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

(For posterity: This passes AA but not AAA. If we used 'dark_slate_grey' instead of 'charcoal' it would pass!)

Copy link
Author

Choose a reason for hiding this comment

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

Confirmed that it meets AA standards

Copy link
Contributor

@maureensturgeon maureensturgeon left a comment

Choose a reason for hiding this comment

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

@clareconstantine clareconstantine merged commit ce72f08 into staging May 6, 2022
@clareconstantine clareconstantine deleted the report-abuse branch May 6, 2022 15:39
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.

None yet

3 participants