Merge pull request #754 from NoRedInk/dansby/shadow

Add shadows to tooltips and balloons
This commit is contained in:
Tessa 2021-10-27 10:26:00 -07:00 committed by GitHub
commit 09edd3f4e8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 2 additions and 0 deletions

View File

@ -275,6 +275,7 @@ viewBalloon theme_ width_ padding contents =
, Just (textAlign left)
, Just (position relative)
, Just (Css.borderRadius (px 8))
, Just (property "box-shadow" "0 1px 1px hsl(0deg 0% 0% / 0.075), 0 2px 2px hsl(0deg 0% 0% / 0.075), 0 4px 4px hsl(0deg 0% 0% / 0.075), 0 8px 8px hsl(0deg 0% 0% / 0.075), 0 16px 16px hsl(0deg 0% 0% / 0.075)")
, Just padding
, Just (balloonTheme theme_)
, width_

View File

@ -780,6 +780,7 @@ pointerBox tail direction alignment =
, Css.fontSize (Css.px 16)
, Css.fontWeight (Css.int 600)
, Css.color Colors.white
, Css.property "box-shadow" "0 1px 1px hsl(0deg 0% 0% / 0.075), 0 2px 2px hsl(0deg 0% 0% / 0.075), 0 4px 4px hsl(0deg 0% 0% / 0.075), 0 8px 8px hsl(0deg 0% 0% / 0.075), 0 16px 16px hsl(0deg 0% 0% / 0.075)"
, Global.descendants [ Global.a [ Css.textDecoration Css.underline ] ]
, Global.descendants [ Global.a [ Css.color Colors.white ] ]
]