THEMES-1474: Input display bug (#217)

THEMES-1474: switched to long form logical properties to fix display bug.
WPMedia · Nov 8, 2023 · 809dde0 · 809dde0
1 parent 225cd31
commit 809dde0
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/components/input/themes/commerce.json b/src/components/input/themes/commerce.json
@@ -14,7 +14,10 @@
 			"default": {
 				"border": "var(--global-border-width-1) var(--global-border-style-1) var(--form-border-color)",
 				"border-radius": "var(--border-radius)",
-				"padding": "var(--global-spacing-4) var(--global-spacing-2)"
+				"padding-block-end": "var(--global-spacing-4)",
+				"padding-block-start": "var(--global-spacing-4)",
+				"padding-inline-end": "var(--global-spacing-2)",
+				"padding-inline-start": "var(--global-spacing-2)"
 			}
 		}
 	},

diff --git a/src/components/input/themes/news.json b/src/components/input/themes/news.json
@@ -14,7 +14,10 @@
 			"default": {
 				"border": "var(--global-border-width-1) var(--global-border-style-1) var(--form-border-color)",
 				"border-radius": "var(--border-radius)",
-				"padding": "var(--global-spacing-4) var(--global-spacing-2)"
+				"padding-block-end": "var(--global-spacing-4)",
+				"padding-block-start": "var(--global-spacing-4)",
+				"padding-inline-end": "var(--global-spacing-2)",
+				"padding-inline-start": "var(--global-spacing-2)"
 			}
 		}
 	},