external/hydra
1
0
Fork 0
mirror of https://github.com/hydralauncher/hydra.git synced 2025-03-09 15:40:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add disabled state styles for checkbox component

Browse source
This commit is contained in:
Hachi-R 2025-01-21 14:17:51 -03:00
parent 8cb231329b
commit eed28d7444
1 changed files with 15 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/renderer/src/components/checkbox-field/checkbox-field.scss
View file

@ -7,6 +7,11 @@
gap: globals.$spacing-unit; gap: globals.$spacing-unit;
cursor: pointer; cursor: pointer;
&:has(input:disabled) {
cursor: not-allowed;
opacity: globals.$disabled-opacity;
}
&__checkbox { &__checkbox {
width: 20px; width: 20px;
height: 20px; height: 20px;
@ -18,7 +23,8 @@
position: relative; position: relative;
transition: all ease 0.2s; transition: all ease 0.2s;
border: solid 1px globals.$border-color; border: solid 1px globals.$border-color;
&:hover {
&:hover:not(:has(input:disabled)) {
border-color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.5);
} }
} }
@ -31,9 +37,17 @@
padding: 0; padding: 0;
opacity: 0; opacity: 0;
cursor: pointer; cursor: pointer;
&:disabled {
cursor: not-allowed;
}
} }
&__label { &__label {
cursor: pointer; cursor: pointer;
&:has(+ input:disabled) {
cursor: not-allowed;
}
} }
} }