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

Merge pull request #789 from NoRedInk/kraken/radio-button-styles

Browse Source 
Adds Radio Button border
This commit is contained in:
Liz Krane 2021-12-01 14:06:51 -08:00 committed by GitHub
commit 0de05a7065
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/Nri/Ui/RadioButton/V3.elm
View File

@ -14,6 +14,7 @@ module Nri.Ui.RadioButton.V3 exposing
- list based API instead of record based
- add disclosure to show rich content when the radio is selected
- allow customization of the id
- add gray and azure borders to make the radios easier to distinguish visually
@docs view
@ -543,6 +544,7 @@ unselectedSvg =
]
]
|> Nri.Ui.Svg.V1.fromHtml
|> withImageBorder Colors.gray85
selectedSvg : Svg
@ -587,6 +589,7 @@ selectedSvg =
]
]
|> Nri.Ui.Svg.V1.fromHtml
|> withImageBorder Colors.azure
lockedSvg : Svg
@ -634,3 +637,12 @@ lockedSvg =
]
]
|> Nri.Ui.Svg.V1.fromHtml
|> withImageBorder Colors.gray85
withImageBorder : Color -> Svg -> Svg
withImageBorder color =
Nri.Ui.Svg.V1.withCss
[ Css.border3 (px 1) solid color
, Css.borderRadius (Css.pct 50)
]