From cb081bb93a5a9389a6336b700a1a021e9bbf3dea Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Mon, 17 Jun 2024 10:20:38 +0200
Subject: [PATCH] style selected and disabled states

---
 .../tree/tree-item/document-tree-item.element.ts  | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/documents/documents/tree/tree-item/document-tree-item.element.ts b/src/Umbraco.Web.UI.Client/src/packages/documents/documents/tree/tree-item/document-tree-item.element.ts
index 69dc65f4b5..52e79f6352 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/documents/documents/tree/tree-item/document-tree-item.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/documents/documents/tree/tree-item/document-tree-item.element.ts
@@ -134,6 +134,7 @@ export class UmbDocumentTreeItemElement extends UmbTreeItemElementBase<UmbDocume
 				background: var(--uui-color-surface-emphasis);
 			}
 
+			/** Active */
 			[active] #icon-lock {
 				background: var(--uui-color-current);
 			}
@@ -142,6 +143,20 @@ export class UmbDocumentTreeItemElement extends UmbTreeItemElementBase<UmbDocume
 				background: var(--uui-color-current-emphasis);
 			}
 
+			/** Selected */
+			[selected] #icon-lock {
+				background-color: var(--uui-color-selected);
+			}
+
+			[selected]:hover #icon-lock {
+				background-color: var(--uui-color-selected-emphasis);
+			}
+
+			/** Disabled */
+			[disabled] #icon-lock {
+				background-color: var(--uui-color-disabled);
+			}
+
 			.draft {
 				opacity: 0.6;
 			}