Fix DateField style (#1424)

voyagegroup · Sep 21, 2023 · bd6528e · bd6528e
1 parent 44fc683
commit bd6528e
Show file tree

Hide file tree

Showing 7 changed files with 13 additions and 11 deletions.
diff --git a/.changeset/spotty-buttons-laugh.md b/.changeset/spotty-buttons-laugh.md
@@ -0,0 +1,5 @@
+---
+"ingred-ui": patch
+---
+
+remove overflow scroll in Input
diff --git a/src/components/DateField/DateField/styled.ts b/src/components/DateField/DateField/styled.ts
@@ -22,7 +22,6 @@ export const InputContainer = styled.div<{
     ${({ theme, error }) =>
       error ? theme.palette.danger.main : theme.palette.divider};
   border-radius: ${({ theme }) => theme.radius}px;
-  overflow: scroll;
   /* MEMO: To take a place that display LastPass icon. */
   background-position: calc(100% - 35px) 50% !important;
   &:focus {

diff --git a/src/components/DateField/DateRangeField/styled.ts b/src/components/DateField/DateRangeField/styled.ts
@@ -22,7 +22,6 @@ export const InputContainer = styled.div<{
     ${({ theme, error }) =>
       error ? theme.palette.danger.main : theme.palette.divider};
   border-radius: ${({ theme }) => theme.radius}px;
-  overflow: scroll;
   /* MEMO: To take a place that display LastPass icon. */
   background-position: calc(100% - 35px) 50% !important;
   &:focus {

diff --git a/src/components/Input/__tests__/__snapshots__/Input.test.tsx.snap b/src/components/Input/__tests__/__snapshots__/Input.test.tsx.snap
@@ -3,15 +3,15 @@
 exports[`Input component testing Input 1`] = `
 <DocumentFragment>
   <input
-    class="sc-bczRLJ enKlYT"
+    class="sc-bczRLJ iPYcpZ"
   />
 </DocumentFragment>
 `;
 
 exports[`Input component testing Input disabled 1`] = `
 <DocumentFragment>
   <input
-    class="sc-bczRLJ enKlYT"
+    class="sc-bczRLJ iPYcpZ"
     disabled=""
   />
 </DocumentFragment>
@@ -20,15 +20,15 @@ exports[`Input component testing Input disabled 1`] = `
 exports[`Input component testing Input error 1`] = `
 <DocumentFragment>
   <input
-    class="sc-bczRLJ jQCsqu"
+    class="sc-bczRLJ jmKQCE"
   />
 </DocumentFragment>
 `;
 
 exports[`Input component testing Input multiline 1`] = `
 <DocumentFragment>
   <textarea
-    class="sc-bczRLJ enKlYT"
+    class="sc-bczRLJ iPYcpZ"
   />
 </DocumentFragment>
 `;
diff --git a/src/components/Input/styled.ts b/src/components/Input/styled.ts
@@ -20,7 +20,6 @@ export const Input = styled.input<{
   border-radius: ${({ theme }) => theme.radius}px;
   border-color: ${({ theme, isError }) =>
     isError ? theme.palette.danger.main : theme.palette.divider};
-  overflow: scroll;
   resize: ${({ resize }) => resize};
   /* MEMO: To take a place that display LastPass icon. */
   background-position: calc(100% - 35px) 50% !important;

diff --git a/src/components/MultipleFilter/__tests__/__snapshots__/MultipleFilter.test.tsx.snap b/src/components/MultipleFilter/__tests__/__snapshots__/MultipleFilter.test.tsx.snap
@@ -35,7 +35,7 @@ exports[`MultipleFilter component testing MultipleFilter 1`] = `
         class="sc-gsnTZi fYzzyW"
       >
         <input
-          class="sc-bjUoiL dthDZr"
+          class="sc-bjUoiL bAfDWx"
           placeholder="Add a new filter"
           readonly=""
           type="text"

diff --git a/src/components/TextField/__tests__/__snapshots__/TextField.test.tsx.snap b/src/components/TextField/__tests__/__snapshots__/TextField.test.tsx.snap
@@ -9,7 +9,7 @@ exports[`TextField component testing TextField 1`] = `
       class="sc-gsnTZi iTnnSW"
     >
       <input
-        class="sc-jSMfEi cNRsja"
+        class="sc-jSMfEi cfVjjk"
       />
     </div>
   </div>
@@ -25,7 +25,7 @@ exports[`TextField component testing TextField passward 1`] = `
       class="sc-gsnTZi jTsXKF"
     >
       <input
-        class="sc-jSMfEi cNRsja"
+        class="sc-jSMfEi cfVjjk"
         type="password"
       />
       <div
@@ -87,7 +87,7 @@ exports[`TextField component testing TextField with icon 1`] = `
         </span>
       </div>
       <input
-        class="sc-jSMfEi cNRsja"
+        class="sc-jSMfEi cfVjjk"
       />
     </div>
   </div>