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

Use new icons in Message.V1.tiny

Browse Source
This commit is contained in:
Aaron VonderHaar 2020-04-28 13:14:28 -07:00
parent e5e144ff79
commit 5ef1fe3a6e
1 changed files with 17 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
src/Nri/Ui/Message/V1.elm
View File

@ -114,25 +114,30 @@ tiny theme content =
}
Tip ->
{ icon = tinyIconContainer [ color Colors.yellow ] (NriSvg.toHtml SpriteSheet.bulb)
{ icon =
tinyIconContainer []
(UiIcon.bulb
|> NriSvg.withColor Colors.yellow
|> NriSvg.withLabel "Tip"
|> NriSvg.toHtml
)
, content = tinyAlertString Colors.navy content
}
Success ->
{ icon =
tinyIconContainer
[ color Colors.white
, backgroundColor Colors.green
]
(div
[ css [ width (px 12), marginTop (px 1) ] ]
[ NriSvg.toHtml SpriteSheet.checkmark ]
[]
(UiIcon.checkmarkInCircle
|> NriSvg.withColor Colors.green
|> NriSvg.withLabel "Success"
|> NriSvg.toHtml
)
, content = tinyAlertString Colors.greenDarkest content
}
Custom customTheme ->
{ icon = tinyIconContainer [ color customTheme.color ] (NriSvg.toHtml customTheme.icon)
{ icon = tinyIconContainer [] (NriSvg.toHtml customTheme.icon)
, content = tinyAlertString customTheme.color content
}
in
@ -440,16 +445,10 @@ somethingWentWrong errorMessageForEngineers =
exclamation : Color -> Html msg
exclamation iconColor =
tinyIconContainer
[ color Colors.white
, backgroundColor iconColor
]
(styled div
[ height (px 13)
, marginTop (px 1)
]
[]
[ NriSvg.toHtml SpriteSheet.exclamationMark ]
tinyIconContainer []
(UiIcon.exclamation
|> NriSvg.withColor iconColor
|> NriSvg.toHtml
)