Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

css: Use classname instead of span selector for todo checkboxes. 

(cherry picked from commit 8427b6f744)
This commit is contained in:
evykassirer 2024-07-25 11:54:01 -07:00 committed by Tim Abbott
parent 2d5c3f41c2
commit 33e10eaa04
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/styles/dark_theme.css
View File

@ -995,21 +995,21 @@
.todo-widget { .todo-widget {
& label.checkbox { & label.checkbox {
& input[type="checkbox"] { & input[type="checkbox"] {
~ span { ~ .custom-checkbox {
border-color: hsl(185deg 40% 45%); border-color: hsl(185deg 40% 45%);
opacity: 0.7; opacity: 0.7;
} }
&:hover ~ span { &:hover ~ .custom-checkbox {
background-color: hsl(185deg 20% 20%); background-color: hsl(185deg 20% 20%);
border-color: hsl(185deg 40% 35%); border-color: hsl(185deg 40% 35%);
} }
&:checked ~ span { &:checked ~ .custom-checkbox {
background-color: hsl(185deg 40% 45%); background-color: hsl(185deg 40% 45%);
} }
&:focus ~ span { &:focus ~ .custom-checkbox {
outline-color: hsl(0deg 0% 100% / 0%); outline-color: hsl(0deg 0% 100% / 0%);
} }
} }