Michel2/pybricks-code
1
0
Fork 0
mirror of https://github.com/pybricks/pybricks-code.git synced 2026-09-14 18:46:17 +00:00
Code Issues Releases Activity

index: make checked:disabled radio buttons appear unchecked

Browse Source
This commit is contained in:
David Lechner
2022-11-08 13:56:38 -06:00
committed by David Lechner
parent 3974613738
commit e2f448c12b
1 changed files with 13 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/index.scss
+13
View File
@@ -130,6 +130,7 @@ a.#{bp.$ns}-button {
flex-wrap: wrap;
row-gap: 10px;
}
.#{bp.$ns}-control {
& input:checked ~ .#{bp.$ns}-control-indicator,
&.#{bp.$ns}-switch input:checked ~ .#{bp.$ns}-control-indicator {
@@ -139,6 +140,18 @@ a.#{bp.$ns}-button {
background-color: pb.$pybricks-blue;
}
}
// make disabled:checked radio buttons appear as not checked
&.#{bp.$ns}-radio input:disabled:checked ~ .bp4-control-indicator {
// color definition is same as $minimal-button-background-color-hover,
// which is used to define $control-background-color-disabled and
// $dark-control-background-color-disabled variables
background: rgba(bp.$gray3, 0.15);
&:before {
background-image: unset;
}
}
}
.#{bp.$ns}-control-group {