From 69b5543695c7675c939428e6b219500b97fdf65a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ilkka=20P=C3=A4ttikangas?= Date: Mon, 6 Nov 2023 13:03:30 +0200 Subject: [PATCH] TimeInput: Fix width --- src/core/Form/TimeInput/TimeInput.baseStyles.tsx | 2 +- .../Form/TimeInput/__snapshots__/TimeInput.test.tsx.snap | 8 ++++---- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/src/core/Form/TimeInput/TimeInput.baseStyles.tsx b/src/core/Form/TimeInput/TimeInput.baseStyles.tsx index c8cf6337e..41ace4826 100644 --- a/src/core/Form/TimeInput/TimeInput.baseStyles.tsx +++ b/src/core/Form/TimeInput/TimeInput.baseStyles.tsx @@ -5,7 +5,7 @@ import { math } from 'polished'; export const baseStyles = (theme: SuomifiTheme) => css` ${font(theme)('bodyText')} - width: 290px; + max-width: 290px; & .fi-time-input_character-counter { ${font(theme)('bodyTextSmall')}; diff --git a/src/core/Form/TimeInput/__snapshots__/TimeInput.test.tsx.snap b/src/core/Form/TimeInput/__snapshots__/TimeInput.test.tsx.snap index 2e774070c..a9fd94d18 100644 --- a/src/core/Form/TimeInput/__snapshots__/TimeInput.test.tsx.snap +++ b/src/core/Form/TimeInput/__snapshots__/TimeInput.test.tsx.snap @@ -192,7 +192,7 @@ exports[`snapshots match error status with statustext 1`] = ` font-size: 18px; line-height: 1.5; font-weight: 400; - width: 290px; + max-width: 290px; } .c1 .fi-time-input_character-counter { @@ -651,7 +651,7 @@ exports[`snapshots match hidden label 1`] = ` font-size: 18px; line-height: 1.5; font-weight: 400; - width: 290px; + max-width: 290px; } .c1 .fi-time-input_character-counter { @@ -1116,7 +1116,7 @@ exports[`snapshots match hint text 1`] = ` font-size: 18px; line-height: 1.5; font-weight: 400; - width: 290px; + max-width: 290px; } .c1 .fi-time-input_character-counter { @@ -1571,7 +1571,7 @@ exports[`snapshots match minimal implementation 1`] = ` font-size: 18px; line-height: 1.5; font-weight: 400; - width: 290px; + max-width: 290px; } .c1 .fi-time-input_character-counter {