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

Toggle input style missing size #268

Closed
J-Kallunki opened this issue Dec 4, 2019 · 0 comments · Fixed by #279
Closed

Toggle input style missing size #268

J-Kallunki opened this issue Dec 4, 2019 · 0 comments · Fixed by #279
Labels
Accessibility bug Something isn't working
Milestone

Comments

@J-Kallunki
Copy link
Contributor

Should base on this format:

<label for="suomifi-checkbox-id" class=“suomifi-checkbox">
  <input type="checkbox" id="suomifi-checkbox-id" class=“suomifi-checkbox_input" />
  <svg class=“suomifi-checkbox_icon" />
  <span>Label for the checkbox</span>
</label>
.suomifi-checkbox .suomifi-checkbox_input:checked + .suomifi-checkbox_icon {
}
.suomifi-checkbox .suomifi-checkbox_input:focus + .suomifi-checkbox_icon {
}
.suomifi-checkbox .suomifi-checkbox_input {
  position: absolute;
  // SVG-ikcon size
  width: 1em;
  height: 1em;
  opacity: 0;
}

and use idGenerator()

Originally posted by @J-Kallunki in #154 (comment)

@J-Kallunki J-Kallunki added Accessibility bug Something isn't working labels Dec 4, 2019
@J-Kallunki J-Kallunki added this to the 1.0.0 milestone Dec 4, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Accessibility bug Something isn't working
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant