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

Fix appearance of checkboxes #3066

Merged
merged 1 commit into from
Mar 4, 2024
Merged

Conversation

adi-unni
Copy link
Contributor

@adi-unni adi-unni commented Mar 4, 2024

What is the context of this PR?

Fixes: #3048

There was a bug in the way the check was rendered in safari. Further testing in chrome, edge, firefox does not show the same results. Fix was deployed to remove the border radius of the check in the box and has fixed the check appearance in safari with no other changes.

How to review this PR

Spin up the DS locally and open the localhost on safari. Check to see if there is a gap between the two strokes (lines) in the check of the checkboxes.

Checklist

This needs to be completed by the person raising the PR.

  • I have selected the correct Assignee
  • I have linked the correct Issue

@adi-unni adi-unni added the Bug Something isn't working label Mar 4, 2024
@adi-unni adi-unni self-assigned this Mar 4, 2024
Copy link

netlify bot commented Mar 4, 2024

Deploy Preview for ons-design-system-preview ready!

Name Link
🔨 Latest commit e27a889
🔍 Latest deploy log https://app.netlify.com/sites/ons-design-system-preview/deploys/65e5bb8282727b0008d8884f
😎 Deploy Preview https://deploy-preview-3066--ons-design-system-preview.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@adi-unni adi-unni merged commit d960c8e into main Mar 4, 2024
10 checks passed
@adi-unni adi-unni deleted the fix/3048/appearance-of-checked-box branch March 4, 2024 14:04
rmccar pushed a commit that referenced this pull request Mar 6, 2024
alessioventuriniAND added a commit that referenced this pull request Apr 4, 2024
…wcag 22 level aaa (#3119)

* ⬆️  Back To Top Link  ⬆️  (#2990)

* Page template for length

* Add macro

* Add component foundations

* Build stylesheet

* Add additional functionality

* Improved functionality

* Fix border and layout

* Fix resize behaviour

* Changes to CSS

* Add more tests

* Update VR Tests

* Change to full width

---------

Co-authored-by: Alessio Venturini <112873190+alessioventuriniAND@users.noreply.github.com>

* Description list not structured properly for screen readers (#3053)

* initial change

* update test

* update test

* update comment

* update comment

* Update placeholder text colour (#3062)

* Fix/3004/icon in footer not clickable (#3036)

* Fix checkbox appearance on safari (#3066)

* Adding the change in readme (#3067)

* updated youtube video to a more accessible one

* updated reference files

---------

Co-authored-by: Aditya Unnithan_ONS <56112669+adi-unni@users.noreply.github.com>
Co-authored-by: Precious Onyenaucheya <86783201+precious-onyenaucheya-ons@users.noreply.github.com>
Co-authored-by: rmccar <42928680+rmccar@users.noreply.github.com>
Co-authored-by: Bali Birch-Lee_ONS <149602681+balibirchlee@users.noreply.github.com>
Co-authored-by: SriHV <123635670+SriHV@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Bug Something isn't working
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Bug] Appearance of the check in a checked box
3 participants