beenull/mini.css
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Fixed a minor bug with checkboxes and radios

Browse source 
Should now be able to use :disabled, as well as [disabled].
This commit is contained in:
Angelos Chalaris 2017-06-05 18:56:39 +03:00
parent 568aea95b4
commit fb3b8e20d1
4 changed files with 9 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
dist/mini-default.css vendored
View file

@ -944,11 +944,14 @@ input[type="file"] {
border-radius: 50%;
}
.input-group [type="checkbox"][disabled] + label, .input-group [type="radio"][disabled] + label {
.input-group [type="checkbox"][disabled] + label, .input-group [type="radio"][disabled] + label,
.input-group [type="checkbox"]:disabled + label, .input-group [type="radio"]:disabled + label {
cursor: not-allowed;
}
.input-group [type="checkbox"][disabled] + label:before, .input-group [type="checkbox"][disabled] + label:after, .input-group [type="radio"][disabled] + label:before, .input-group [type="radio"][disabled] + label:after {
.input-group [type="checkbox"][disabled] + label:before, .input-group [type="checkbox"][disabled] + label:after, .input-group [type="radio"][disabled] + label:before, .input-group [type="radio"][disabled] + label:after,
.input-group [type="checkbox"]:disabled + label:before,
.input-group [type="checkbox"]:disabled + label:after, .input-group [type="radio"]:disabled + label:before, .input-group [type="radio"]:disabled + label:after {
opacity: 0.75;
}

2
dist/mini-default.min.css vendored
View file

File diff suppressed because one or more lines are too long

1
docs/v2/DEVLOG.md
View file

@ -1214,3 +1214,4 @@
- Updated `tab` selectors to use new, *loose* definitions, effectively making the module `0.04KB` lighter. Not a huge difference, but good enough due to the maintenance impact it has on the module, plus the consistency fixed for `.stacked`.
- Moved `input_control`'s `disabled` styling to low-specificity behind the existing flag, saved another `0.05KB`, which is quite a big change. Parsing should also be faster than before. Good catch, **hugging cat**!
- Lowered specificity of selectors used in `.button-group` for styling `border`s, cut off another `0.02KB`.
- Added styling for `:disabled` on `checkbox` and `radio`, pushed the size back up a little bit.

3
src/mini/_input_control.scss
View file

@ -452,7 +452,8 @@ a[role="button"], label[role="button"], [role="button"] {
}
}
// Disabled and readonly styles.
[type="checkbox"][disabled] + label, [type="radio"][disabled] + label {
[type="checkbox"][disabled] + label, [type="radio"][disabled] + label,
[type="checkbox"]:disabled + label, [type="radio"]:disabled + label {
cursor: not-allowed;
&:before, &:after {
opacity: $checkbox-disabled-opacity;