Skip to content

Commit f46d2d6

Browse files
fix(numberfield): add offset to inline-end padding
- corrects the padding-inline-end for the textfield by adding the offset to the calc - removes the mod for textfield's min-width since it is being overridden by the numberfield's min-width anyway
1 parent 491544b commit f46d2d6

File tree

2 files changed

+1
-6
lines changed

2 files changed

+1
-6
lines changed

components/stepper/dist/metadata.json

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -264,7 +264,6 @@
264264
"--mod-textfield-font-weight",
265265
"--mod-textfield-height",
266266
"--mod-textfield-icon-spacing-block-invalid",
267-
"--mod-textfield-min-width",
268267
"--mod-textfield-spacing-block-end",
269268
"--mod-textfield-spacing-block-start",
270269
"--mod-textfield-text-color-default",

components/stepper/index.css

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -232,10 +232,6 @@
232232
--mod-textfield-font-style: var(--mod-numberfield-font-style, var(--spectrum-numberfield-font-style));
233233
--mod-textfield-font-size: var(--mod-numberfield-font-size, var(--spectrum-numberfield-font-size));
234234

235-
&.spectrum-NumberField--hiddenStepper {
236-
--mod-textfield-min-width: var(--mod-numberfield-hidden-stepper-min-inline-size, var(--spectrum-numberfield-hidden-stepper-min-inline-size));
237-
}
238-
239235
&:not(.is-disabled).is-hover,
240236
&:not(.is-disabled):hover {
241237
/* overrides the textfield mod */
@@ -363,7 +359,7 @@
363359
/* gives the textfield container (instead of the input) the proper border styles */
364360
border: var(--spectrum-numberfield-border-width) solid var(--spectrum-numberfield-border-color-default);
365361
padding-inline-start: var(--spectrum-numberfield-spacing-inline-edge-to-text);
366-
padding-inline-end: var(--spectrum-numberfield-button-container-size);
362+
padding-inline-end: calc(var(--spectrum-numberfield-button-container-size) + var(--spectrum-numberfield-button-inline-offset));
367363

368364
/* gives the textfield container (instead of the input) the proper border-radius */
369365
border-radius: var(--spectrum-numberfield-border-radius);

0 commit comments

Comments
 (0)