Skip to content

Commit

Permalink
FIX: InputField z-index
Browse files Browse the repository at this point in the history
  • Loading branch information
@vepor @tomashapl
vepor authored and tomashapl committed Sep 19, 2018
1 parent 64c30c0 commit 2ad8c26
Show file tree
Hide file tree
Showing 6 changed files with 99 additions and 90 deletions.
84 changes: 42 additions & 42 deletions src/InputField/__snapshots__/InputField.stories.storyshot
View file
Original file line number Diff line number Diff line change
Expand Up @@ -99,7 +99,7 @@ exports[`Storyshots InputField Compact input 1`] = `
}
>
<label
className="InputField__Field-hAVqzR jrVYdc"
className="InputField__Field-hAVqzR cFiTgo"
>
<div
className="InputField__InputContainer-evnRDD bHPfak"
Expand All @@ -115,7 +115,7 @@ exports[`Storyshots InputField Compact input 1`] = `
</span>
</div>
<input
className="InputField__Input-iRjCvp kpkyBu"
className="InputField__Input-iRjCvp gvOITt"
disabled={undefined}
max={undefined}
maxLength={undefined}
Expand All @@ -130,7 +130,7 @@ exports[`Storyshots InputField Compact input 1`] = `
value=""
/>
<div
className="InputField__FakeInput-eneioc cqCpJV"
className="InputField__FakeInput-eneioc dxPio"
/>
</div>
</label>
Expand Down Expand Up @@ -505,7 +505,7 @@ exports[`Storyshots InputField Default input 1`] = `
}
>
<label
className="InputField__Field-hAVqzR jrVYdc"
className="InputField__Field-hAVqzR cFiTgo"
>
<span
className="FormLabel-kJFBRQ fuYBgg"
Expand All @@ -516,7 +516,7 @@ exports[`Storyshots InputField Default input 1`] = `
className="InputField__InputContainer-evnRDD bHPfak"
>
<input
className="InputField__Input-iRjCvp kpkyBu"
className="InputField__Input-iRjCvp gvOITt"
disabled={undefined}
max={undefined}
maxLength={undefined}
Expand All @@ -531,7 +531,7 @@ exports[`Storyshots InputField Default input 1`] = `
value=""
/>
<div
className="InputField__FakeInput-eneioc cqCpJV"
className="InputField__FakeInput-eneioc dxPio"
/>
</div>
</label>
Expand Down Expand Up @@ -833,7 +833,7 @@ exports[`Storyshots InputField Email input 1`] = `
}
>
<label
className="InputField__Field-hAVqzR jrVYdc"
className="InputField__Field-hAVqzR cFiTgo"
>
<span
className="FormLabel-kJFBRQ irIxpQ"
Expand All @@ -844,7 +844,7 @@ exports[`Storyshots InputField Email input 1`] = `
className="InputField__InputContainer-evnRDD bHPfak"
>
<input
className="InputField__Input-iRjCvp kpkyBu"
className="InputField__Input-iRjCvp gvOITt"
disabled={undefined}
max={undefined}
maxLength={undefined}
Expand All @@ -859,7 +859,7 @@ exports[`Storyshots InputField Email input 1`] = `
value="[email protected]"
/>
<div
className="InputField__FakeInput-eneioc cqCpJV"
className="InputField__FakeInput-eneioc dxPio"
/>
</div>
<div
Expand Down Expand Up @@ -1239,7 +1239,7 @@ exports[`Storyshots InputField Number input 1`] = `
}
>
<label
className="InputField__Field-hAVqzR jrVYdc"
className="InputField__Field-hAVqzR cFiTgo"
>
<span
className="FormLabel-kJFBRQ irIxpQ"
Expand All @@ -1250,7 +1250,7 @@ exports[`Storyshots InputField Number input 1`] = `
className="InputField__InputContainer-evnRDD bHPfak"
>
<input
className="InputField__Input-iRjCvp kpkyBu"
className="InputField__Input-iRjCvp gvOITt"
disabled={undefined}
max={3}
maxLength={undefined}
Expand All @@ -1265,7 +1265,7 @@ exports[`Storyshots InputField Number input 1`] = `
value={2}
/>
<div
className="InputField__FakeInput-eneioc cqCpJV"
className="InputField__FakeInput-eneioc dxPio"
/>
</div>
</label>
Expand Down Expand Up @@ -1660,7 +1660,7 @@ exports[`Storyshots InputField Password input 1`] = `
}
>
<label
className="InputField__Field-hAVqzR jrVYdc"
className="InputField__Field-hAVqzR cFiTgo"
>
<span
className="FormLabel-kJFBRQ irIxpQ"
Expand All @@ -1671,7 +1671,7 @@ exports[`Storyshots InputField Password input 1`] = `
className="InputField__InputContainer-evnRDD bHPfak"
>
<input
className="InputField__Input-iRjCvp kpkyBu"
className="InputField__Input-iRjCvp gvOITt"
disabled={undefined}
max={undefined}
maxLength={undefined}
Expand All @@ -1686,7 +1686,7 @@ exports[`Storyshots InputField Password input 1`] = `
value="p422W0rd"
/>
<div
className="InputField__FakeInput-eneioc cqCpJV"
className="InputField__FakeInput-eneioc dxPio"
/>
</div>
</label>
Expand Down Expand Up @@ -2018,7 +2018,7 @@ exports[`Storyshots InputField Playground 1`] = `
}
>
<label
className="InputField__Field-hAVqzR jrVYdc"
className="InputField__Field-hAVqzR cFiTgo"
>
<span
className="FormLabel-kJFBRQ fuYBgg"
Expand All @@ -2029,7 +2029,7 @@ exports[`Storyshots InputField Playground 1`] = `
className="InputField__InputContainer-evnRDD cirwSX"
>
<div
className="InputField__Prefix-jLQUQe fVzQfk"
className="InputField__Prefix-jLQUQe fhHGYS"
>
<svg
className={undefined}
Expand All @@ -2051,7 +2051,7 @@ exports[`Storyshots InputField Playground 1`] = `
</svg>
</div>
<input
className="InputField__Input-iRjCvp euqCuo"
className="InputField__Input-iRjCvp eQklut"
disabled={false}
max={undefined}
maxLength={undefined}
Expand All @@ -2066,7 +2066,7 @@ exports[`Storyshots InputField Playground 1`] = `
value=""
/>
<div
className="InputField__Suffix-csEOAt hrFYao"
className="InputField__Suffix-csEOAt fekEEr"
>
<button
className="ButtonLink__StyledButtonLink-eyUiPe kdbeEm"
Expand Down Expand Up @@ -2101,7 +2101,7 @@ exports[`Storyshots InputField Playground 1`] = `
</button>
</div>
<div
className="InputField__FakeInput-eneioc hpAPnX"
className="InputField__FakeInput-eneioc VrXqj"
/>
</div>
</label>
Expand Down Expand Up @@ -2896,7 +2896,7 @@ exports[`Storyshots InputField Required field 1`] = `
}
>
<label
className="InputField__Field-hAVqzR jrVYdc"
className="InputField__Field-hAVqzR cFiTgo"
>
<span
className="FormLabel-kJFBRQ fuYBgg"
Expand All @@ -2912,7 +2912,7 @@ exports[`Storyshots InputField Required field 1`] = `
className="InputField__InputContainer-evnRDD bHPfak"
>
<input
className="InputField__Input-iRjCvp kpkyBu"
className="InputField__Input-iRjCvp gvOITt"
disabled={undefined}
max={undefined}
maxLength={undefined}
Expand All @@ -2927,7 +2927,7 @@ exports[`Storyshots InputField Required field 1`] = `
value=""
/>
<div
className="InputField__FakeInput-eneioc cqCpJV"
className="InputField__FakeInput-eneioc dxPio"
/>
</div>
</label>
Expand Down Expand Up @@ -3240,7 +3240,7 @@ exports[`Storyshots InputField Small input 1`] = `
}
>
<label
className="InputField__Field-hAVqzR jrVYdc"
className="InputField__Field-hAVqzR cFiTgo"
>
<span
className="FormLabel-kJFBRQ fuYBgg"
Expand All @@ -3251,7 +3251,7 @@ exports[`Storyshots InputField Small input 1`] = `
className="InputField__InputContainer-evnRDD cirwSX"
>
<input
className="InputField__Input-iRjCvp euqCuo"
className="InputField__Input-iRjCvp eQklut"
disabled={undefined}
max={undefined}
maxLength={undefined}
Expand All @@ -3266,7 +3266,7 @@ exports[`Storyshots InputField Small input 1`] = `
value=""
/>
<div
className="InputField__FakeInput-eneioc hpAPnX"
className="InputField__FakeInput-eneioc VrXqj"
/>
</div>
</label>
Expand Down Expand Up @@ -3598,7 +3598,7 @@ exports[`Storyshots InputField With ButtonLink suffix 1`] = `
}
>
<label
className="InputField__Field-hAVqzR jrVYdc"
className="InputField__Field-hAVqzR cFiTgo"
>
<span
className="FormLabel-kJFBRQ fuYBgg"
Expand All @@ -3609,7 +3609,7 @@ exports[`Storyshots InputField With ButtonLink suffix 1`] = `
className="InputField__InputContainer-evnRDD bHPfak"
>
<input
className="InputField__Input-iRjCvp kpkyBu"
className="InputField__Input-iRjCvp gvOITt"
disabled={undefined}
max={undefined}
maxLength={undefined}
Expand All @@ -3624,7 +3624,7 @@ exports[`Storyshots InputField With ButtonLink suffix 1`] = `
value=""
/>
<div
className="InputField__Suffix-csEOAt iqDXPL"
className="InputField__Suffix-csEOAt bGvNJE"
>
<button
className="ButtonLink__StyledButtonLink-eyUiPe DORaW"
Expand Down Expand Up @@ -3658,7 +3658,7 @@ exports[`Storyshots InputField With ButtonLink suffix 1`] = `
</button>
</div>
<div
className="InputField__FakeInput-eneioc cqCpJV"
className="InputField__FakeInput-eneioc dxPio"
/>
</div>
</label>
Expand Down Expand Up @@ -3991,7 +3991,7 @@ exports[`Storyshots InputField With Icon prefix 1`] = `
}
>
<label
className="InputField__Field-hAVqzR jrVYdc"
className="InputField__Field-hAVqzR cFiTgo"
>
<span
className="FormLabel-kJFBRQ fuYBgg"
Expand All @@ -4002,7 +4002,7 @@ exports[`Storyshots InputField With Icon prefix 1`] = `
className="InputField__InputContainer-evnRDD bHPfak"
>
<div
className="InputField__Prefix-jLQUQe hkHFBd"
className="InputField__Prefix-jLQUQe QdQQH"
>
<svg
className={undefined}
Expand All @@ -4024,7 +4024,7 @@ exports[`Storyshots InputField With Icon prefix 1`] = `
</svg>
</div>
<input
className="InputField__Input-iRjCvp kpkyBu"
className="InputField__Input-iRjCvp gvOITt"
disabled={undefined}
max={undefined}
maxLength={undefined}
Expand All @@ -4039,7 +4039,7 @@ exports[`Storyshots InputField With Icon prefix 1`] = `
value=""
/>
<div
className="InputField__FakeInput-eneioc cqCpJV"
className="InputField__FakeInput-eneioc dxPio"
/>
</div>
</label>
Expand Down Expand Up @@ -4372,7 +4372,7 @@ exports[`Storyshots InputField With ServiceLogo prefix 1`] = `
}
>
<label
className="InputField__Field-hAVqzR jrVYdc"
className="InputField__Field-hAVqzR cFiTgo"
>
<span
className="FormLabel-kJFBRQ fuYBgg"
Expand All @@ -4383,7 +4383,7 @@ exports[`Storyshots InputField With ServiceLogo prefix 1`] = `
className="InputField__InputContainer-evnRDD bHPfak"
>
<input
className="InputField__Input-iRjCvp kpkyBu"
className="InputField__Input-iRjCvp gvOITt"
disabled={undefined}
max={undefined}
maxLength={undefined}
Expand All @@ -4398,7 +4398,7 @@ exports[`Storyshots InputField With ServiceLogo prefix 1`] = `
value=""
/>
<div
className="InputField__Suffix-csEOAt iqDXPL"
className="InputField__Suffix-csEOAt bGvNJE"
>
<img
alt="AirHelp"
Expand All @@ -4408,7 +4408,7 @@ exports[`Storyshots InputField With ServiceLogo prefix 1`] = `
/>
</div>
<div
className="InputField__FakeInput-eneioc cqCpJV"
className="InputField__FakeInput-eneioc dxPio"
/>
</div>
</label>
Expand Down Expand Up @@ -4741,7 +4741,7 @@ exports[`Storyshots InputField With text prefix 1`] = `
}
>
<label
className="InputField__Field-hAVqzR jrVYdc"
className="InputField__Field-hAVqzR cFiTgo"
>
<span
className="FormLabel-kJFBRQ fuYBgg"
Expand All @@ -4752,12 +4752,12 @@ exports[`Storyshots InputField With text prefix 1`] = `
className="InputField__InputContainer-evnRDD bHPfak"
>
<div
className="InputField__Prefix-jLQUQe hkHFBd"
className="InputField__Prefix-jLQUQe QdQQH"
>
$
</div>
<input
className="InputField__Input-iRjCvp kpkyBu"
className="InputField__Input-iRjCvp gvOITt"
disabled={undefined}
max={undefined}
maxLength={undefined}
Expand All @@ -4772,7 +4772,7 @@ exports[`Storyshots InputField With text prefix 1`] = `
value=""
/>
<div
className="InputField__FakeInput-eneioc cqCpJV"
className="InputField__FakeInput-eneioc dxPio"
/>
</div>
</label>
Expand Down
Loading

0 comments on commit 2ad8c26

Please sign in to comment.