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

:bowtie: add some visual polish to the buttton styles

Browse Source
This commit is contained in:
Tessa Kelly 2020-03-09 10:27:30 -07:00
parent b066463f1d
commit 4ece9ee8ea
1 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/Nri/Ui/ClickableSvg/V1.elm
View File

@ -29,6 +29,7 @@ import Html.Styled as Html exposing (Html)
import Html.Styled.Attributes as Attributes
import Html.Styled.Events as Events
import Json.Decode
import Nri.Ui.Colors.V1 as Colors
import Nri.Ui.Html.Attributes.V2 as AttributesExtra
import Nri.Ui.Svg.V1 as Svg exposing (Svg)
@ -285,9 +286,20 @@ renderLink ((ButtonOrLink config) as link_) =
buttonOrLinkStyles : List Style
buttonOrLinkStyles =
[ Css.margin Css.zero
[ -- Colors, text decoration, cursor
Css.cursor Css.pointer
, Css.backgroundColor Css.transparent
, Css.color Colors.azure
, Css.textDecoration Css.none
, Css.hover [ Css.textDecoration Css.none, Css.color Colors.azure ]
, Css.visited [ Css.color Colors.azure ]
-- Margins, borders, padding
, Css.margin Css.zero
, Css.padding Css.zero
, Css.borderWidth Css.zero
, Css.backgroundColor Css.transparent
, Css.cursor Css.pointer
-- Sizing
, Css.boxSizing Css.borderBox
, Css.lineHeight (Css.num 1)
]