fix(components): fix unit text wrap-issue (#16943)

koji · web-flow · commit eff74bc9ca1b · 2024-11-21T16:15:59.000-05:00
* fix(components): fix unit text wrap-issue
diff --git a/components/src/atoms/InputField/index.tsx b/components/src/atoms/InputField/index.tsx
@@ -232,13 +232,13 @@ export const InputField = React.forwardRef<HTMLInputElement, InputFieldProps>(
       color: ${props.disabled ? COLORS.grey40 : COLORS.grey50};
       font: ${TYPOGRAPHY.bodyTextRegular};
       text-align: ${TYPOGRAPHY.textAlignRight};
+      white-space: ${NO_WRAP};
       @media ${RESPONSIVENESS.touchscreenMediaQuerySpecs} {
         color: ${props.disabled ? COLORS.grey40 : COLORS.grey50};
         font-size: ${TYPOGRAPHY.fontSize22};
         font-weight: ${TYPOGRAPHY.fontWeightRegular};
         line-height: ${TYPOGRAPHY.lineHeight28};
         justify-content: ${textAlign};
-        white-space: ${NO_WRAP};
       }
     `
 

Original file line number	Diff line number	Diff line change
`@@ -232,13 +232,13 @@ export const InputField = React.forwardRef<HTMLInputElement, InputFieldProps>(`
`232`	`232`	`color: ${props.disabled ? COLORS.grey40 : COLORS.grey50};`
`233`	`233`	`font: ${TYPOGRAPHY.bodyTextRegular};`
`234`	`234`	`text-align: ${TYPOGRAPHY.textAlignRight};`
	`235`	`+ white-space: ${NO_WRAP};`
`235`	`236`	`@media ${RESPONSIVENESS.touchscreenMediaQuerySpecs} {`
`236`	`237`	`color: ${props.disabled ? COLORS.grey40 : COLORS.grey50};`
`237`	`238`	`font-size: ${TYPOGRAPHY.fontSize22};`
`238`	`239`	`font-weight: ${TYPOGRAPHY.fontWeightRegular};`
`239`	`240`	`line-height: ${TYPOGRAPHY.lineHeight28};`
`240`	`241`	`justify-content: ${textAlign};`
`241`		`- white-space: ${NO_WRAP};`
`242`	`242`	`}`
`243`	`243`	`
`244`	`244`