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

add mobile heights for title and footer, add mobile style

Browse Source
This commit is contained in:
Ben Dansby 2022-01-14 14:20:09 -08:00
parent 620bac6838
commit b1d95c2bd0
1 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/Nri/Ui/Modal/V11.elm
View File

@ -610,19 +610,19 @@ viewInnerContent ({ visibleTitle } as config) =
visibleFooter =
not (List.isEmpty config.footer)
titleHeight =
( titleDesktopHeight, titleMobileHeight ) =
if visibleTitle then
85
( 85, 45 )
else
0
( 0, 0 )
footerHeight =
( footerDesktopHeight, footerMobileHeight ) =
if visibleFooter then
160
( 160, 137 )
else
0
( 0, 0 )
modalTitleStyles =
if visibleTitle then
@ -656,7 +656,7 @@ viewInnerContent ({ visibleTitle } as config) =
, Css.maxHeight
(Css.calc (Css.vh 100)
Css.minus
(Css.px (footerHeight + titleHeight + 40))
(Css.px (footerDesktopHeight + titleDesktopHeight + 40))
)
, Css.width (Css.pct 100)
, Css.boxSizing Css.borderBox
@ -664,6 +664,11 @@ viewInnerContent ({ visibleTitle } as config) =
, Css.paddingRight (Css.px 40)
, Css.Media.withMedia [ mobile ]
[ Css.padding (Css.px 20)
, Css.maxHeight
(Css.calc (Css.vh 100)
Css.minus
(Css.px (footerMobileHeight + titleMobileHeight))
)
]
, if visibleTitle then
Css.paddingTop Css.zero