From f9156b6b0027dec612adb8259473951e376809f2 Mon Sep 17 00:00:00 2001
From: Bjarne Fyrstenborg <bjarne_fyrstenborg@hotmail.com>
Date: Mon, 20 Oct 2025 19:25:42 +0200
Subject: [PATCH] Hide value label for opacity slider as well in color picker

---
 packages/uui-color-picker/lib/uui-color-picker.element.ts | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/uui-color-picker/lib/uui-color-picker.element.ts b/packages/uui-color-picker/lib/uui-color-picker.element.ts
index 26f26d743..08137dbfd 100644
--- a/packages/uui-color-picker/lib/uui-color-picker.element.ts
+++ b/packages/uui-color-picker/lib/uui-color-picker.element.ts
@@ -460,6 +460,7 @@ export class UUIColorPickerElement extends LabelMixin('label', LitElement) {
             ${this.opacity
               ? html`
                   <uui-color-slider
+                    hide-value-label
                     label="alpha"
                     class="opacity-slider"
                     .value=${Math.round(this.alpha)}
@@ -650,8 +651,11 @@ export class UUIColorPickerElement extends LabelMixin('label', LitElement) {
 
       .color-picker__transparent-bg {
         border: 1px solid var(--uui-color-border);
-        background-image:
-          linear-gradient(45deg, var(--uui-palette-grey) 25%, transparent 25%),
+        background-image: linear-gradient(
+            45deg,
+            var(--uui-palette-grey) 25%,
+            transparent 25%
+          ),
           linear-gradient(45deg, transparent 75%, var(--uui-palette-grey) 75%),
           linear-gradient(45deg, transparent 75%, var(--uui-palette-grey) 75%),
           linear-gradient(45deg, var(--uui-palette-grey) 25%, transparent 25%);