From 7eaf5d73f6c6c7ee0a73fd925e2899e5a37905de Mon Sep 17 00:00:00 2001
From: Andras Bacsai <andras.bacsai@gmail.com>
Date: Sun, 12 Jan 2025 18:45:15 +0100
Subject: [PATCH] refactor: improve checkbox component accessibility and
 styling

---
 .../views/components/forms/checkbox.blade.php | 21 ++++++++++---------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/resources/views/components/forms/checkbox.blade.php b/resources/views/components/forms/checkbox.blade.php
index 39704a122..29c97735f 100644
--- a/resources/views/components/forms/checkbox.blade.php
+++ b/resources/views/components/forms/checkbox.blade.php
@@ -11,20 +11,21 @@
 ])
 
 <div @class([
-    'flex flex-row items-center gap-4 pr-2 py-1 form-control min-w-fit dark:hover:bg-coolgray-100',
+    'flex flex-row items-center gap-4 pr-2 py-1 form-control min-w-fit',
     'w-full' => $fullWidth,
+    'dark:hover:bg-coolgray-100 cursor-pointer' => !$disabled,
 ])>
-    <label @class([
-        'flex gap-4 items-center px-0 min-w-fit label w-full cursor-pointer',
-    ])>
+    <label @class(['flex gap-4 items-center px-0 min-w-fit label w-full'])>
         <span class="flex flex-grow gap-2">
             @if ($label)
-                {!! $label !!}
-            @else
-                {{ $id }}
-            @endif
-            @if ($helper)
-                <x-helper :helper="$helper" />
+                @if ($disabled)
+                    <span class="opacity-60">{!! $label !!}</span>
+                @else
+                    {!! $label !!}
+                @endif
+                @if ($helper)
+                    <x-helper :helper="$helper" />
+                @endif
             @endif
         </span>
         @if ($instantSave)