Color Gradients: Adjust max-width for color gradient swatch to acco…

…mmodate `reset` button size (WordPress#68626) * Style: Adjust max-width for color gradient swatch to accommodate button size * Color: incorporate grid unit to provide `reset` button more space Co-authored-by: yogeshbhutkar <[email protected]> Co-authored-by: Mamaduka <[email protected]>
MaxMood96 · Jan 14, 2025 · 041ca27 · 041ca27
1 parent aa38b22
commit 041ca27
Showing 1 changed file with 1 addition and 0 deletions.
diff --git 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 + $grid-unit-05));
 	}
 }