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

Merge pull request #628 from NoRedInk/dansby/button-icon

Browse Source 
Clean up button icon styling code
This commit is contained in:
Tessa 2020-10-13 14:26:44 -07:00 committed by GitHub
commit 389ff9ec5a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/Nri/Ui/Button/V10.elm
View File

@ -605,6 +605,8 @@ viewLabel maybeSvg label_ =
[ Css.overflow Css.hidden -- Keep scrollbars out of our button
, Css.overflowWrap Css.breakWord -- Ensure that words that exceed the button width break instead of disappearing
, Css.padding2 (Css.px 2) Css.zero -- Without a bit of bottom padding, text that extends below the baseline, like "g" gets cut off
, Css.displayFlex
, Css.alignItems Css.center
]
[]
(case maybeSvg of
@ -846,27 +848,15 @@ sizeStyle size width =
, Css.Global.descendants
[ Css.Global.img
[ Css.height (Css.px config.imageHeight)
, Css.marginRight (Css.px <| config.imageHeight / 6)
, Css.position Css.relative
, Css.bottom (Css.px 2)
, Css.verticalAlign Css.middle
, Css.width Css.auto
, Css.marginRight (Css.px 5)
, Css.flexShrink Css.zero
]
, Css.Global.svg
[ Css.height (Css.px config.imageHeight) |> Css.important
, Css.width (Css.px config.imageHeight) |> Css.important
, Css.marginRight (Css.px <| config.imageHeight / 6)
, Css.position Css.relative
, Css.bottom (Css.px 2)
, Css.verticalAlign Css.middle
]
, Css.Global.svg
[ Css.important <| Css.height (Css.px config.imageHeight)
, Css.important <| Css.width Css.auto
, Css.maxWidth (Css.px (config.imageHeight * 1.25))
, Css.paddingRight (Css.px <| config.imageHeight / 6)
, Css.position Css.relative
, Css.bottom (Css.px 2)
, Css.verticalAlign Css.middle
[ Css.height (Css.px config.imageHeight)
, Css.width Css.auto
, Css.marginRight (Css.px 5)
, Css.flexShrink Css.zero
]
]
]