From db3581eb2696a676693515202b469ab2e649e743 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 26 Jul 2025 09:53:26 +0300
Subject: [PATCH] feat(promoted_attributes): improve color picker aspect

---
 .../widgets/ribbon_widgets/promoted_attributes.ts | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/apps/client/src/widgets/ribbon_widgets/promoted_attributes.ts b/apps/client/src/widgets/ribbon_widgets/promoted_attributes.ts
index e843edb58..5cb85b79d 100644
--- a/apps/client/src/widgets/ribbon_widgets/promoted_attributes.ts
+++ b/apps/client/src/widgets/ribbon_widgets/promoted_attributes.ts
@@ -67,9 +67,22 @@ const TPL = /*html*/`
     }
 
     .promoted-attribute-cell input[type="color"] {
-        width: 50px;
+        width: 24px;
+        height: 24px;
+        margin-top: 2px;
+        appearance: none;
         padding: 0;
         border: 0;
+        outline: none;
+        border-radius: 25% !important;
+    }
+
+    .promoted-attribute-cell input[type="color"]::-webkit-color-swatch-wrapper {
+        padding: 0;
+    }
+    .promoted-attribute-cell input[type="color"]::-webkit-color-swatch {
+        border: none;
+        border-radius: 25%;
     }
 
     </style>