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