From 33e10eaa04c255591888942e4632d2c71990a5ad Mon Sep 17 00:00:00 2001
From: evykassirer <evy@zulip.com>
Date: Thu, 25 Jul 2024 11:54:01 -0700
Subject: [PATCH] css: Use classname instead of span selector for todo
 checkboxes.

(cherry picked from commit 8427b6f74401c11050ea0c2909b504f6c7ffa524)
---
 web/styles/dark_theme.css | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/styles/dark_theme.css b/web/styles/dark_theme.css
index ed17cbc1a6..6b864e94d8 100644
--- a/web/styles/dark_theme.css
+++ b/web/styles/dark_theme.css
@@ -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%);
                 }
             }