mirror of https://github.com/zulip/zulip.git
css: Use classname instead of span selector for todo checkboxes.
(cherry picked from commit 8427b6f744
)
This commit is contained in:
parent
2d5c3f41c2
commit
33e10eaa04
|
@ -995,21 +995,21 @@
|
|||
.todo-widget {
|
||||
& label.checkbox {
|
||||
& input[type="checkbox"] {
|
||||
~ span {
|
||||
~ .custom-checkbox {
|
||||
border-color: hsl(185deg 40% 45%);
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
&:hover ~ span {
|
||||
&:hover ~ .custom-checkbox {
|
||||
background-color: hsl(185deg 20% 20%);
|
||||
border-color: hsl(185deg 40% 35%);
|
||||
}
|
||||
|
||||
&:checked ~ span {
|
||||
&:checked ~ .custom-checkbox {
|
||||
background-color: hsl(185deg 40% 45%);
|
||||
}
|
||||
|
||||
&:focus ~ span {
|
||||
&:focus ~ .custom-checkbox {
|
||||
outline-color: hsl(0deg 0% 100% / 0%);
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue