Merge pull request #798 from vrk-kpa/fix/time-input-width

[Fix] TimeInput width
vrk-kpa · Nov 7, 2023 · 33387c1 · 33387c1
2 parents 4211f32 + 69b5543
commit 33387c1
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git 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
@@ -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 {