Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-31 18:36:30 +01:00
Code Issues Packages Projects Releases Activity

style(next): properly handle disabled check boxes and radio buttons

Browse Source
This commit is contained in:
Adorian Doran
2025-01-20 17:09:01 +02:00
parent 5ad4092cb2
commit 8f612f4683
1 changed files with 13 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/public/stylesheets/theme-next/forms.css
View File

@@ -208,7 +208,7 @@ label > input[type="checkbox"] {
left: 0; left: 0;
width: var(--box-size); width: var(--box-size);
height: 100%; height: 100%;
opacity: 0; opacity: 0 !important;
} }
label:has(input[type="radio"])::before, label:has(input[type="radio"])::before,
@@ -237,7 +237,7 @@ label:has(input[type="checkbox"])::before {
background: var(--radio-checkbox-background); background: var(--radio-checkbox-background);
} }
label:has(input[type="checkbox"]):hover:before { label:has(input[type="checkbox"]:not(:disabled)):hover:before {
background: var(--radio-checkbox-hover-background); background: var(--radio-checkbox-hover-background);
} }
@@ -280,7 +280,7 @@ label:has(input[type="radio"])::before {
background: var(--radio-checkbox-background); background: var(--radio-checkbox-background);
} }
label:has(input[type="radio"]:hover)::before { label:has(input[type="radio"]:not(:disabled)):hover::before {
background: var(--radio-checkbox-hover-background); background: var(--radio-checkbox-hover-background);
} }
@@ -307,3 +307,12 @@ label:has(input[type="radio"]:checked)::after {
transition: opacity 150ms linear; transition: opacity 150ms linear;
animation: radio-checked 200ms ease-out; animation: radio-checked 200ms ease-out;
} }
/* Disabled check boxes and radio buttons */
label:has(input[type="radio"]:disabled)::before,
label:has(input[type="radio"]:disabled)::after,
label:has(input[type="checkbox"]:disabled)::before,
label:has(input[type="checkbox"]:disabled)::after {
opacity: .5;
}