Browse Source

Fix spectrum bug with larger checkboxes

pull/3249/head
Andrew Kingston 5 years ago
parent
commit
bea7a5955e
  1. 16
      packages/bbui/src/Form/Core/Checkbox.svelte

16
packages/bbui/src/Form/Core/Checkbox.svelte

@ -21,6 +21,7 @@
<label
class="spectrum-Checkbox spectrum-Checkbox--emphasized {sizeClass}"
class:is-invalid={!!error}
class:checked={value}
>
<input
checked={value}
@ -50,6 +51,21 @@
</label>
<style>
.spectrum-Checkbox--sizeM .spectrum-Checkbox-checkmark {
transform: scale(1);
left: 49%;
top: 50%;
}
.spectrum-Checkbox--sizeL .spectrum-Checkbox-checkmark {
transform: scale(1.1);
left: 55%;
top: 55%;
}
.spectrum-Checkbox--sizeXL .spectrum-Checkbox-checkmark {
transform: scale(1.2);
left: 60%;
top: 60%;
}
.spectrum-Checkbox-input {
opacity: 0;
}

Loading…
Cancel
Save