vassili/seitime-frappe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 4

fix(minor): dark mode checkbox disabled state.

Browse source
This commit is contained in:
Maharshi Patel 2023-09-21 11:30:01 +05:30
parent 37f03069bf
commit e99f07c8a3
2 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
frappe/public/scss/desk/dark.scss
View file

@ -127,7 +127,7 @@ $check-icon-dark: url("data:image/svg+xml, <svg viewBox='0 0 8 7' fill='none' xm
// checkbox
--checkbox-color: var(--neutral-white);
--checkbox-gradient: linear-gradient(180deg, var(--neutral-white) -124.51%, var(--neutral-white) 100%);
--checkbox-disabled-gradient: linear-gradient(180deg, var(--gray-500) -124.51%, var(--gray-500) 100%);
--checkbox-disabled-gradient: linear-gradient(180deg, var(--gray-600) -124.51%, var(--gray-600) 100%);
--checkbox-focus-shadow: var(--focus-default);
input[type="checkbox"] {
@ -136,7 +136,10 @@ $check-icon-dark: url("data:image/svg+xml, <svg viewBox='0 0 8 7' fill='none' xm
}
&.disabled-selected, &:disabled:checked {
background-image: $check-icon-dark, var(--checkbox-disabled-gradient);
background-color: var(--gray-500);
}
&.disabled-deselected {
border: none;
background-color: var(--gray-700);
}
}

2
frappe/public/scss/element/checkbox.scss
View file

@ -45,7 +45,7 @@ input[type="checkbox"] {
}
&.disabled-selected, &:disabled:checked {
background-color: var(--checkbox-color);
background-color: var(--gray-600);
background-image: $check-icon;
background-size: 57%;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.1);