From 83a1a9000f37393b0e34c522b2053b0a0416b0dc Mon Sep 17 00:00:00 2001 From: Tessa Kelly Date: Tue, 29 Mar 2022 13:37:00 -0700 Subject: [PATCH] Add mobile css example --- styleguide-app/Examples/SideNav.elm | 16 +++++++++++----- 1 file changed, 11 insertions(+), 5 deletions(-) diff --git a/styleguide-app/Examples/SideNav.elm b/styleguide-app/Examples/SideNav.elm index 2a8669ae..88547b7a 100644 --- a/styleguide-app/Examples/SideNav.elm +++ b/styleguide-app/Examples/SideNav.elm @@ -150,22 +150,28 @@ controlNavAttributes = ) (Control.string "Entries") ) - |> ControlExtra.optionalListItem "navCss" + |> ControlExtra.optionalListItem "navNotMobileCss" (Control.choice [ ( "maxWidth" , Control.value - ( "SideNav.navCss [ Css.maxWidth (Css.px 300) ]" - , SideNav.navCss [ Css.maxWidth (Css.px 300) ] + ( "SideNav.navNotMobileCss [ Css.maxWidth (Css.px 300) ]" + , SideNav.navNotMobileCss [ Css.maxWidth (Css.px 300) ] ) ) , ( "purple border" , Control.value - ( "SideNav.navCss [ Css.border3 (Css.px 3) Css.dotted Colors.purple ]" - , SideNav.navCss [ Css.border3 (Css.px 3) Css.dotted Colors.purple ] + ( "SideNav.navNotMobileCss [ Css.border3 (Css.px 3) Css.dotted Colors.purple ]" + , SideNav.navNotMobileCss [ Css.border3 (Css.px 3) Css.dotted Colors.purple ] ) ) ] ) + |> ControlExtra.optionalListItem "navMobileCss" + (Control.value + ( "SideNav.navMobileCss [ Css.width (Css.pct 100) ]" + , SideNav.navMobileCss [ Css.width (Css.pct 100) ] + ) + ) controlEntryType : String -> Control ( String, SideNav.Entry String Msg )