creativetimofficial / ct-argon-dashboard-pro

A beautiful Premium Dashboard for Bootstrap 5.
https://demos.creative-tim.com/argon-dashboard-pro/pages/dashboards/landing
30 stars 13 forks source link

Broken UX for checkboxes and radio buttons #21

Open skiat opened 4 years ago

skiat commented 4 years ago

Prerequisites

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

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.

rarestoma commented 4 years ago

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