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.

Sign up for GitHub

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

Jump to bottom

Checkbox checkmarks are resized if you set box-sizing: border-box #1849

Closed
suzannehamilton opened this issue Jun 30, 2020 · 0 comments · Fixed by #1861
Closed

Checkbox checkmarks are resized if you set box-sizing: border-box #1849

suzannehamilton opened this issue Jun 30, 2020 · 0 comments · Fixed by #1861
Assignees
@36degrees
Labels
🐛 bug Something isn't working the way it should (including incorrect wording in documentation) checkboxes 🕔 hours A well understood issue which we expect to take less than a day to resolve.
Milestone
v3.8.0

Comments

@suzannehamilton
Copy link

If you apply the global box-sizing reset like box-sizing: border-box, the checkmarks in a checkbox shrink to the top left corner of the box:

Screenshot 2020-06-30 at 14 58 26

This is how they normally look, without a global box-sizing reset:

Screenshot 2020-06-30 at 16 44 51

This looks similar to issue #1810.
@36degrees 36degrees added the awaiting triage Needs triaging by team label Jun 30, 2020
@kellylee-gds kellylee-gds added 🕔 hours A well understood issue which we expect to take less than a day to resolve. checkboxes radios and removed awaiting triage Needs triaging by team labels Jul 6, 2020
@36degrees 36degrees self-assigned this Jul 15, 2020
@36degrees 36degrees mentioned this issue Jul 15, 2020
Merged
@36degrees 36degrees added 🐛 bug Something isn't working the way it should (including incorrect wording in documentation) and removed radios labels Jul 15, 2020
@36degrees 36degrees added this to the v3.8.0 milestone Jul 21, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@36degrees 36degrees

Labels
🐛 bug Something isn't working the way it should (including incorrect wording in documentation) checkboxes 🕔 hours A well understood issue which we expect to take less than a day to resolve.
Projects
GOV.UK Design System cycle board
Archived in project
Milestone
v3.8.0
Development

Successfully merging a pull request may close this issue.

Fix the display of checkboxes when border-box box sizing is applied globally alphagov/govuk-frontend
3 participants
@36degrees @suzannehamilton @kellylee-gds