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

Left-align the premium checkboxes

Browse Source
This commit is contained in:
Tessa Kelly 2021-12-07 10:58:32 -08:00
parent 9d3c509615
commit d7b8db9387
1 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/Nri/Ui/PremiumCheckbox/V7.elm
View File

@ -50,13 +50,14 @@ view config =
[ if config.isPremium then
premiumFlag
|> Svg.withLabel "Premium"
|> Svg.withWidth (Css.px 25)
|> Svg.withWidth (Css.px iconWidth)
|> Svg.withHeight (Css.px 30)
|> Svg.withCss [ Css.marginRight (Css.px 8) ]
|> Svg.withCss [ Css.marginRight (Css.px iconRightMargin) ]
|> Svg.toHtml
else
Html.text ""
-- left-align the checkbox with checkboxes that _do_ have the premium pennant
Html.div [ css [ Css.width (Css.px (iconWidth + iconRightMargin)) ] ] []
, Checkbox.viewWithLabel
{ identifier = config.id
, label = config.label
@ -76,3 +77,13 @@ view config =
Checkbox.Square
}
]
iconWidth : Float
iconWidth =
25
iconRightMargin : Float
iconRightMargin =
8