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
( Html
, a
, button
, div
, footer
, header
@ -19,11 +20,13 @@ import Html
)
import Html.Attributes
exposing
( class
( attribute
, class
, classList
, href
, id
, src
, type_
)
import Page.Home
import Page.Options
@ -278,7 +281,17 @@ view model =
[ div [ class "navbar navbar-static-top" ]
[ div [ class "navbar-inner" ]
[ 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" ] []
]
, div [ class "nav-collapse collapse" ]