From e94390bfc6958b521c0286b643bcc747c3ebb812 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Petter=20Walb=C3=B8=20Johnsg=C3=A5rd?= Date: Mon, 4 Sep 2023 14:33:48 +0200 Subject: [PATCH] PaletteEdit: Fix padding in RTL mode (#54034) --- packages/components/CHANGELOG.md | 4 ++++ packages/components/src/palette-edit/styles.js | 3 ++- 2 files changed, 6 insertions(+), 1 deletion(-) diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index be5608c72fc06..fee3c9b8bf44a 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -6,6 +6,10 @@ - Make the `Popover.Slot` optional and render popovers at the bottom of the document's body by default. ([#53889](https://github.com/WordPress/gutenberg/pull/53889), [#53982](https://github.com/WordPress/gutenberg/pull/53982)). +### Bug Fix + +- `PaletteEdit`: Fix padding in RTL languages ([#54034](https://github.com/WordPress/gutenberg/pull/54034)). + ## 25.7.0 (2023-08-31) ### Enhancements diff --git a/packages/components/src/palette-edit/styles.js b/packages/components/src/palette-edit/styles.js index 72e6bff97e4a2..0c72493f46564 100644 --- a/packages/components/src/palette-edit/styles.js +++ b/packages/components/src/palette-edit/styles.js @@ -41,7 +41,8 @@ export const NameInputControl = styled( InputControl )` `; export const PaletteItem = styled( View )` - padding: 3px 0 3px ${ space( 3 ) }; + padding-block: 3px; + padding-inline-start: ${ space( 3 ) }; border: 1px solid ${ CONFIG.surfaceBorderColor }; border-bottom-color: transparent; &:first-of-type {