fix: checkbox status

unfoldadmin · Jan 2, 2023 · c3b4c00 · c3b4c00
1 parent 28e6f28
commit c3b4c00
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 7 deletions.
diff --git a/src/unfold/static/unfold/css/styles.css b/src/unfold/static/unfold/css/styles.css
diff --git a/styles.css b/styles.css
@@ -88,18 +88,21 @@ select:after {
   @apply border-gray-400;
 }
 
-#page input[type=checkbox]:checked {
-  @apply bg-primary-600 border-primary-600 text-white;
-
-}
-
 #page input[type=checkbox]:after {
-  @apply absolute flex h-4 items-center justify-center leading-none -ml-px -mt-px text-white transition-colors text-sm w-4;
+  @apply absolute flex h-4 items-center justify-center leading-none -ml-px -mt-px text-white transition-all text-sm w-4 dark:text-gray-700;
 
   content: "done";
   font-family: "Material Symbols Outlined";
 }
 
+#page input[type=checkbox]:checked {
+  @apply bg-primary-600 border-primary-600 transition-all;
+}
+
+#page input[type=checkbox]:checked:after {
+  @apply text-white;
+}
+
 #page input[type=checkbox].hidden {
   display: none;
 }