PublicMirrors/hydra
1
0
Fork 0
mirror of https://github.com/hydralauncher/hydra.git synced 2025-02-09 03:37:45 +03:00
Code Issues Actions Packages Projects Releases 1 Wiki Activity

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