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

Apply new checkbox CSS to radio buttons and fix border radius #8835

Merged

Conversation

chrisvanpatten
Copy link
Contributor

@chrisvanpatten chrisvanpatten commented Aug 10, 2018

Description

This PR applies the new checkbox styles from #8588 to radio buttons, and fixes a regression with the radio input border-radius caused by #8385.

Fixes #8833.

How has this been tested?

Visual testing

Screenshots

Before:
untitled___ mindful _wordpress

After:
untitled___ mindful _wordpress

Types of changes

Visual, non-breaking CSS changes

Checklist:

  • My code is tested.
  • My code follows the WordPress code style.
  • My code follows the accessibility standards.
  • My code has proper inline documentation.

@chrisvanpatten
Copy link
Contributor Author

I can't request my own reviews (insert sadface here) so pinging @jasmussen :)

@mtias mtias requested a review from jasmussen August 10, 2018 14:36
Copy link
Contributor

@jasmussen jasmussen left a comment

Choose a reason for hiding this comment

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

Love it. Great catch, and thanks for doing this. Huge improvement to the selected state. Thanks. Left one comment, otherwise good to go after that.


&::before {
margin: -4px 0 0 -5px;
color: $white;
}
}

input[type="radio"] {
border-radius: 50%;
Copy link
Contributor

Choose a reason for hiding this comment

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

@chrisvanpatten
Copy link
Contributor Author

@jasmussen Had no idea that variable existed and I was literally just looking at the variable file. No idea how I missed it.

Anyway, I updated that and it should be ready to 🚢 !

@chrisvanpatten
Copy link
Contributor Author

(Travis failure looks unrelated… couldn't find phpcs for some reason.)

@jasmussen
Copy link
Contributor

Travis is acting up these days. I'll try and restart the job until it passes, thanks again.

@jasmussen jasmussen added this to the 3.6 milestone Aug 10, 2018
@jasmussen
Copy link
Contributor

I can't get Travis to pass. I've tried restarting three times now. It's not your fault, and we'll get this in for the next release, I've put it in the milestone, but I think we'll need to do a staredown with Travis.

@chrisvanpatten
Copy link
Contributor Author

@jasmussen No worries, I know Travis is being grumpy today! Maybe he is taking a long weekend?

@chrisvanpatten
Copy link
Contributor Author

@jasmussen Is this good to merge now that Travis is happy?

@jasmussen jasmussen merged commit 1759c92 into WordPress:master Aug 14, 2018
@jasmussen
Copy link
Contributor

Yes, thank you!

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.

Radio buttons need border-radius override
2 participants