From e425517634a7a455381e9eda55f6763d0ef74794 Mon Sep 17 00:00:00 2001 From: Devon Govett Date: Mon, 12 Jun 2023 14:46:28 -0700 Subject: [PATCH] Fix width of number field within a form --- .../@adobe/spectrum-css-temp/components/stepper/index.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/packages/@adobe/spectrum-css-temp/components/stepper/index.css b/packages/@adobe/spectrum-css-temp/components/stepper/index.css index 61451e268d2..216a21223a3 100644 --- a/packages/@adobe/spectrum-css-temp/components/stepper/index.css +++ b/packages/@adobe/spectrum-css-temp/components/stepper/index.css @@ -34,7 +34,8 @@ governing permissions and limitations under the License. block-size: max-content; - inline-size: var(--spectrum-stepper-default-width-desktop); + --spectrum-stepper-width: var(--spectrum-stepper-default-width-desktop); + inline-size: var(--spectrum-stepper-width); line-height: 0; transition: border-color var(--spectrum-global-animation-duration-100) ease-in-out, box-shadow var(--spectrum-global-animation-duration-100) ease-in-out; @@ -59,7 +60,8 @@ governing permissions and limitations under the License. } } &.spectrum-Stepper--isMobile { - inline-size: var(--spectrum-stepper-default-width-mobile); + /* Use a variable here rather than inline-size directly so we don't conflict with form style override. */ + --spectrum-stepper-width: var(--spectrum-stepper-default-width-mobile); grid-template-rows: auto; grid-template-columns: auto 1fr auto; grid-template-areas: 'decrement field increment';