NoRedInk/noredink-ui
1
1
Fork 0
mirror of https://github.com/NoRedInk/noredink-ui.git synced 2024-11-24 08:53:33 +03:00
Code Issues Packages Projects Releases Wiki Activity

Textarea doesn't overflow container

Browse Source 
Because the textarea label overflowed its container it was drawn
seemingly closer to the content above it than user-set margins can
account for. This then requires the user to add additional wrappers and
margins to compensate. Drawing the textarea completely within its
enclosing container makes this unnecessary.
This commit is contained in:
Jasper Woudenberg 2018-01-25 10:23:44 +01:00
parent c72be639a3
commit e61c5b9127
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/Nri/TextAreaWithOverlappingLabel.elm
View File

@ -77,6 +77,7 @@ styles =
Nri.Styles.styles "Nri-Textarea-" Nri.Styles.styles "Nri-Textarea-"
[ Css.class Container [ Css.class Container
[ position relative [ position relative
, paddingTop (px 7)
] ]
, Css.class InvisibleLabel , Css.class InvisibleLabel
[ Nri.Accessibility.invisibleText [ Nri.Accessibility.invisibleText
@ -84,7 +85,7 @@ styles =
, Css.class Label , Css.class Label
[ backgroundColor Nri.Colors.white [ backgroundColor Nri.Colors.white
, left (px 10) , left (px 10)
, top (px -7) , top (px 0)
, padding2 (px 2) (px 5) , padding2 (px 2) (px 5)
, position absolute , position absolute
, Nri.Stylers.makeFont (Css.px 11) Nri.Colors.gray45 , Nri.Stylers.makeFont (Css.px 11) Nri.Colors.gray45