Removed the box-sahdow and added a border using the --uui-border-color, for the preview button

MrHutmat · MrHutmat · commit d14e75237e89 · 2025-03-27T10:47:31.000+01:00
diff --git a/packages/uui-color-picker/lib/uui-color-picker.element.ts b/packages/uui-color-picker/lib/uui-color-picker.element.ts
@@ -642,7 +642,6 @@ export class UUIColorPickerElement extends LabelMixin('label', LitElement) {
         width: 100%;
         height: 100%;
         border-radius: inherit;
-        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
         /* We use a custom property in lieu of currentColor because of https://bugs.webkit.org/show_bug.cgi?id=216780 */
         background-color: var(--preview-color);
       }
@@ -652,6 +651,7 @@ 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%,

Original file line number	Diff line number	Diff line change
`@@ -642,7 +642,6 @@ export class UUIColorPickerElement extends LabelMixin('label', LitElement) {`
`642`	`642`	`width: 100%;`
`643`	`643`	`height: 100%;`
`644`	`644`	`border-radius: inherit;`
`645`		`- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);`
`646`	`645`	`/* We use a custom property in lieu of currentColor because of https://bugs.webkit.org/show_bug.cgi?id=216780 */`
`647`	`646`	`background-color: var(--preview-color);`
`648`	`647`	`}`
`@@ -652,6 +651,7 @@ export class UUIColorPickerElement extends LabelMixin('label', LitElement) {`
`652`	`651`	`}`
`653`	`652`
`654`	`653`	`.color-picker__transparent-bg {`
	`654`	`+ border: 1px solid var(--uui-color-border);`
`655`	`655`	`background-image: linear-gradient(`
`656`	`656`	`45deg,`
`657`	`657`	`var(--uui-palette-grey) 25%,`