From 5bda1741df302239cbfd091a3809e1ae87648802 Mon Sep 17 00:00:00 2001 From: yogeshbhutkar Date: Mon, 13 Jan 2025 14:15:34 +0530 Subject: [PATCH 1/2] Style: Adjust max-width for color gradient swatch to accommodate button size --- packages/block-editor/src/components/colors-gradients/style.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/block-editor/src/components/colors-gradients/style.scss b/packages/block-editor/src/components/colors-gradients/style.scss index fbdf144a4176b2..c6ebb2eb73da57 100644 --- a/packages/block-editor/src/components/colors-gradients/style.scss +++ b/packages/block-editor/src/components/colors-gradients/style.scss @@ -111,6 +111,7 @@ $swatch-gap: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; + max-width: calc(100% - $button-size-next-default-40px); } } From af56f3d1e3f37f320ab7a5ef4de2a7f5ef184ce6 Mon Sep 17 00:00:00 2001 From: yogeshbhutkar Date: Tue, 14 Jan 2025 09:14:28 +0530 Subject: [PATCH 2/2] Color: incorporate grid unit to provide `reset` button more space --- .../block-editor/src/components/colors-gradients/style.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/block-editor/src/components/colors-gradients/style.scss b/packages/block-editor/src/components/colors-gradients/style.scss index c6ebb2eb73da57..661318e5582414 100644 --- a/packages/block-editor/src/components/colors-gradients/style.scss +++ b/packages/block-editor/src/components/colors-gradients/style.scss @@ -111,7 +111,7 @@ $swatch-gap: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - max-width: calc(100% - $button-size-next-default-40px); + max-width: calc(100% - ($button-size-next-default-40px + $grid-unit-05)); } }