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

Broken UX for checkboxes and radio buttons #21

Open
skiat opened this issue Jan 22, 2020 · 1 comment
Open

Broken UX for checkboxes and radio buttons #21

skiat opened this issue Jan 22, 2020 · 1 comment

Comments

@skiat
Copy link

skiat commented Jan 22, 2020

Prerequisites

Please answer the following questions for yourself before submitting an issue.

  • [1.2.0] I am running the latest version
  • [- ] I checked the documentation and found no answer
  • [- ] I checked to make sure that this issue has not already been filed
  • [- ] I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

The user should see a tick inside the ckecked checkbox!

Current Behavior

Only the box background color changes

Failure Information (for bugs)

Where is the UX gone?

Steps to Reproduce

Simply go to the documentation page and see it:
https://demos.creative-tim.com/argon-dashboard-pro/docs/components/forms.html#checkboxes

Context

Please provide any relevant information about your setup. This is important in case the issue is not reproducible except for under certain conditions.

  • Device: any
  • Operating System: any
  • Browser and Version: any
@rarestoma
Copy link
Contributor

Hi @skiat,

Thank you for working with our products and for pointing us this issue.

Please change the background-image of .custom-checkbox .custom-control-input:checked~.custom-control-label::after with this one:

url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3e%3cpath fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\'/%3e%3c/svg%3e')

We will also fix this issue in our next update.

All the best,
Rares

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

No branches or pull requests

2 participants