NoRedInk/noredink-ui
1
1
Fork 0
mirror of https://github.com/NoRedInk/noredink-ui.git synced 2024-11-28 01:45:20 +03:00
Code Issues Packages Projects Releases Wiki Activity

Consolidate the resets

Browse Source
This commit is contained in:
Tessa Kelly 2020-08-28 14:59:01 -07:00
parent f6408b773c
commit 05cf72f94f
1 changed files with 30 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
src/Nri/Ui/Message/V2.elm
View File

@ -84,6 +84,7 @@ view attributes_ =
, paddingTop (px 6)
, paddingBottom (px 8)
, color color_
, styleOverrides
]
role
<|
@ -127,14 +128,7 @@ view attributes_ =
, color color_
, displayFlex
, alignItems center
, Css.Global.descendants
[ Css.Global.a
[ textDecoration none
, color Colors.azure
, borderBottom3 (px 1) solid Colors.azure
, visited [ color Colors.azure ]
]
]
, styleOverrides
]
role
<|
@ -170,6 +164,7 @@ view attributes_ =
, alignItems center
, getBackgroundColor attributes.size attributes.theme
, color color_
, styleOverrides
]
role
<|
@ -562,23 +557,7 @@ viewTiny content onDismiss_ icon =
"Nri-Ui-Message-V2--alert"
[ Fonts.baseFont
, fontSize (px 13)
--, lineHeight (px 20)
, listStyleType none
-- This global selector and overrides are necessary due to
-- old stylesheets used on the monolith that set the
-- `.txt p { font-size: 18px; }` -- without these overrides,
-- we may see giant ugly alerts.
-- Remove these if you want to! but be emotionally prepped
-- to deal with visual regressions. 🙏
, Css.Global.descendants
[ Css.Global.p
[ margin zero
, fontSize (px 13)
, Fonts.baseFont
]
]
]
[]
content
@ -635,14 +614,6 @@ viewBanner content onDismiss_ icon =
, minWidth (px 100)
, flexShrink (int 1)
, Fonts.baseFont
, Css.Global.descendants
[ Css.Global.a
[ textDecoration none
, color Colors.azure
, borderBottom3 (px 1) solid Colors.azure
, visited [ color Colors.azure ]
]
]
]
[]
content
@ -657,6 +628,33 @@ viewBanner content onDismiss_ icon =
-- Style overrides
styleOverrides : Style
styleOverrides =
Css.Global.descendants
[ Css.Global.a
[ textDecoration none
, color Colors.azure
, borderBottom3 (px 1) solid Colors.azure
, visited [ color Colors.azure ]
]
, -- This global selector and overrides are necessary due to
-- old stylesheets used on the monolith that set the
-- `.txt p { font-size: 18px; }` -- without these overrides,
-- we may see giant ugly alerts.
-- Remove these if you want to! but be emotionally prepped
-- to deal with visual regressions. 🙏
Css.Global.p
[ margin zero
, fontSize (px 13)
, Fonts.baseFont
]
]
-- Icons