add burger icon to show collapsed navbar when on mobile (#111)

This commit is contained in:
Rok Garbas 2020-07-02 15:00:54 +02:00 committed by GitHub
parent 1f8939b3af
commit 3dceb99740
Failed to generate hash of commit

View file

@ -8,6 +8,7 @@ import Html
exposing exposing
( Html ( Html
, a , a
, button
, div , div
, footer , footer
, header , header
@ -19,11 +20,13 @@ import Html
) )
import Html.Attributes import Html.Attributes
exposing exposing
( class ( attribute
, class
, classList , classList
, href , href
, id , id
, src , src
, type_
) )
import Page.Home import Page.Home
import Page.Options import Page.Options
@ -278,7 +281,17 @@ view model =
[ div [ class "navbar navbar-static-top" ] [ div [ class "navbar navbar-static-top" ]
[ div [ class "navbar-inner" ] [ div [ class "navbar-inner" ]
[ div [ class "container" ] [ div [ class "container" ]
[ a [ class "brand", href "https://nixos.org" ] [ button
[ type_ "button"
, class "btn btn-navbar"
, attribute "data-toggle" "collapse"
, attribute "data-target" ".nav-collapse"
]
[ span [ class "icon-bar" ] []
, span [ class "icon-bar" ] []
, span [ class "icon-bar" ] []
]
, a [ class "brand", href "https://nixos.org" ]
[ img [ src "https://nixos.org/logo/nix-wiki.png", class "logo" ] [] [ img [ src "https://nixos.org/logo/nix-wiki.png", class "logo" ] []
] ]
, div [ class "nav-collapse collapse" ] , div [ class "nav-collapse collapse" ]