Merge branch 'improvement/improve-checkbox-opacity' into q/1.0

scality · Jul 7, 2023 · 39aff18 · 39aff18
2 parents b5cbef1 + 6e942ac
commit 39aff18
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/lib/components/checkbox/Checkbox.component.tsx b/src/lib/components/checkbox/Checkbox.component.tsx
@@ -43,6 +43,7 @@ const StyledCheckbox = styled.label<{
   disabled?: boolean;
   checked?: boolean;
 }>`
+  ${(props) => (props.disabled ? 'opacity: 0.5;' : '')}
   /* Basic styling */
 
   [type='checkbox'] {
@@ -120,8 +121,13 @@ const StyledCheckbox = styled.label<{
 
   /* Disabled */
 
-  [type='checkbox']:disabled {
-    opacity: 0.5;
+  [type='checkbox']:checked:disabled {
     cursor: not-allowed;
+    background-color: ${(props) => getTheme(props).selectedActive};
+  }
+
+  [type='checkbox']:not(:checked):disabled {
+    cursor: not-allowed;
+    background-color: ${(props) => getTheme(props).textSecondary};
   }
 `;