From 0259b3f492d8102105f581bf9675e9fdcfbbff06 Mon Sep 17 00:00:00 2001
From: Alhajras Algdairy <alhajras.algdairy@fifty2.eu>
Date: Wed, 27 Dec 2023 18:13:05 +0100
Subject: [PATCH] Fix the tree checkbox css issue and make it clearer when it
 is disabled

---
 src/app/components/tree/tree.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/components/tree/tree.ts b/src/app/components/tree/tree.ts
index 41f08ac5c4f..ae259f1f780 100755
--- a/src/app/components/tree/tree.ts
+++ b/src/app/components/tree/tree.ts
@@ -103,7 +103,7 @@ import {
                             <ng-template *ngTemplateOutlet="tree.togglerIconTemplate; context: { $implicit: node.expanded }"></ng-template>
                         </span>
                     </button>
-                    <div class="p-checkbox p-component" [ngClass]="{ 'p-checkbox-disabled': node.selectable === false }" *ngIf="tree.selectionMode == 'checkbox'" aria-hidden="true">
+                    <div class="p-checkbox p-component" [ngClass]="{ 'p-checkbox-disabled p-disabled': node.selectable === false }" *ngIf="tree.selectionMode == 'checkbox'" aria-hidden="true">
                         <div class="p-checkbox-box" [ngClass]="{ 'p-highlight': isSelected(), 'p-indeterminate': node.partialSelected }" role="checkbox">
                             <ng-container *ngIf="!tree.checkboxIconTemplate">
                                 <CheckIcon *ngIf="!node.partialSelected && isSelected()" [styleClass]="'p-checkbox-icon'" />