From eed28d74443f9fdf56839b02ace5b6d770cf4c1a Mon Sep 17 00:00:00 2001
From: Hachi-R <drive8hachi@gmail.com>
Date: Tue, 21 Jan 2025 14:17:51 -0300
Subject: [PATCH] feat: add disabled state styles for checkbox component

---
 .../checkbox-field/checkbox-field.scss           | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/renderer/src/components/checkbox-field/checkbox-field.scss b/src/renderer/src/components/checkbox-field/checkbox-field.scss
index 06235687..fb8b4131 100644
--- a/src/renderer/src/components/checkbox-field/checkbox-field.scss
+++ b/src/renderer/src/components/checkbox-field/checkbox-field.scss
@@ -7,6 +7,11 @@
   gap: globals.$spacing-unit;
   cursor: pointer;
 
+  &:has(input:disabled) {
+    cursor: not-allowed;
+    opacity: globals.$disabled-opacity;
+  }
+
   &__checkbox {
     width: 20px;
     height: 20px;
@@ -18,7 +23,8 @@
     position: relative;
     transition: all ease 0.2s;
     border: solid 1px globals.$border-color;
-    &:hover {
+
+    &:hover:not(:has(input:disabled)) {
       border-color: rgba(255, 255, 255, 0.5);
     }
   }
@@ -31,9 +37,17 @@
     padding: 0;
     opacity: 0;
     cursor: pointer;
+
+    &:disabled {
+      cursor: not-allowed;
+    }
   }
 
   &__label {
     cursor: pointer;
+
+    &:has(+ input:disabled) {
+      cursor: not-allowed;
+    }
   }
 }