Fix checkbox to be 100% opacity and grey

RachelElysia · RachelElysia · commit 55efd9ef51df · 2024-03-25T16:05:11.000-04:00
diff --git a/frontend/components/forms/fields/Checkbox/_styles.scss b/frontend/components/forms/fields/Checkbox/_styles.scss
@@ -29,7 +29,7 @@
           
       &--disabled {
         &::after {
-          @include disabled;
+          @include disabled-checkbox;
         }
       }
 
diff --git a/frontend/styles/var/mixins.scss b/frontend/styles/var/mixins.scss
@@ -117,6 +117,13 @@ $max-width: 2560px;
   cursor: default;
 }
 
+@mixin disabled-checkbox {
+  background-color: $ui-fleet-black-25;
+  border-color: $ui-fleet-black-25;
+  pointer-events: none;
+  cursor: default;
+}
+
 @mixin grey-text {
   color: $ui-fleet-black-75;
 }

Original file line number	Diff line number	Diff line change
`@@ -117,6 +117,13 @@ $max-width: 2560px;`
`117`	`117`	`cursor: default;`
`118`	`118`	`}`
`119`	`119`
	`120`	`+@mixin disabled-checkbox {`
	`121`	`+ background-color: $ui-fleet-black-25;`
	`122`	`+ border-color: $ui-fleet-black-25;`
	`123`	`+ pointer-events: none;`
	`124`	`+ cursor: default;`
	`125`	`+}`
	`126`	`+`
`120`	`127`	`@mixin grey-text {`
`121`	`128`	`color: $ui-fleet-black-75;`
`122`	`129`	`}`