From 8923d1a7f5bc9b60926d3b245cbcfda93f994218 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Thu, 28 Apr 2022 13:20:11 +0200
Subject: [PATCH] add readonly mode for color picker property editor

---
 .../propertyeditors/colorpicker/colorpicker.html    | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/colorpicker/colorpicker.html b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/colorpicker/colorpicker.html
index cb5c80a6f1..b4c01a4920 100644
--- a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/colorpicker/colorpicker.html
+++ b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/colorpicker/colorpicker.html
@@ -5,14 +5,15 @@
             <localize key="colorpicker_noColors">You haven't defined any colors</localize>
         </div>
 
-        <umb-color-swatches colors="model.config.items"
-                            selected-color="model.value"
-                            size="m"
-                            use-label="model.useLabel"
-                            on-select="vm.selectColor(color)">
+        <umb-color-swatches 
+            colors="model.config.items"
+            selected-color="model.value"
+            size="m"
+            use-label="model.useLabel"
+            on-select="vm.selectColor(color)"
+            ng-attr-readonly="{{ readonly || undefined }}">
         </umb-color-swatches>
 
-
         <input type="hidden" name="selectedColor" ng-model="model.selectedColor" val-property-validator="validateMandatory" />
     </ng-form>