1
0
mirror of https://github.com/jhillyerd/inbucket.git synced 2025-12-19 02:27:03 +00:00

ui: Stop using element IDs for styling

This commit is contained in:
James Hillyerd
2018-11-25 19:52:28 -08:00
parent 0cf97f5c58
commit 22884378f3
6 changed files with 45 additions and 45 deletions

View File

@@ -39,15 +39,15 @@ type alias FrameControls msg =
frame : FrameControls msg -> Session -> ActivePage -> Html msg -> Html msg
frame controls session page content =
div [ id "app" ]
div [ class "app" ]
[ header []
[ ul [ class "navbar", attribute "role" "navigation" ]
[ li [ id "navbar-brand" ]
[ li [ class "navbar-brand" ]
[ a [ Route.href Route.Home ] [ text "@ inbucket" ] ]
, navbarLink page Route.Monitor [ text "Monitor" ]
, navbarLink page Route.Status [ text "Status" ]
, navbarRecent page controls
, li [ id "navbar-mailbox" ]
, li [ class "navbar-mailbox" ]
[ form [ Events.onSubmit (controls.viewMailbox controls.mailboxValue) ]
[ input
[ type_ "text"
@@ -61,10 +61,10 @@ frame controls session page content =
]
, errorFlash controls session.flash
]
, div [ id "navbg" ] [ text "" ]
, div [ class "navbar-bg" ] [ text "" ]
, content
, footer []
[ div [ id "footer" ]
[ div [ class "footer" ]
[ externalLink "https://www.inbucket.org" "Inbucket"
, text " is an open source projected hosted at "
, externalLink "https://github.com/jhillyerd/inbucket" "GitHub"
@@ -128,7 +128,7 @@ navbarRecent page controls =
a [ Route.href (Route.Mailbox mailbox) ] [ text mailbox ]
in
li
[ id "navbar-recent"
[ class "navbar-recent"
, classList [ ( "navbar-dropdown", True ), ( "navbar-active", active ) ]
]
[ span [] [ text title ]