Mirrors/go-inbucket
1
0
Fork 0
mirror of https://github.com/jhillyerd/inbucket.git synced 2025-12-18 18:17:03 +00:00
Code Issues Releases Wiki Activity

ui: Convert hamburger to button

Browse Source
This commit is contained in:
James Hillyerd
2019-02-17 13:40:56 -08:00
parent b2255fefab
commit a467829103
4 changed files with 21 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
ui/src/Layout.elm
View File

@@ -114,7 +114,7 @@ frame { model, session, activePage, activeMailbox, modal, content } =
div [ class "app" ] div [ class "app" ]
[ header [] [ header []
[ nav [ class "navbar" ] [ nav [ class "navbar" ]
[ span [ class "navbar-toggle", Events.onClick (ToggleMenu |> model.mapMsg) ] [ button [ class "navbar-toggle", Events.onClick (ToggleMenu |> model.mapMsg) ]
[ i [ class "fas fa-bars" ] [] ] [ i [ class "fas fa-bars" ] [] ]
, span [ class "navbar-brand" ] , span [ class "navbar-brand" ]
[ a [ Route.href Route.Home ] [ text "@ inbucket" ] ] [ a [ Route.href Route.Home ] [ text "@ inbucket" ] ]

12
ui/src/mailbox.css
View File

@@ -18,6 +18,18 @@
display: flex; display: flex;
} }
.message-list-controls button,
.message-list-controls input[type="search"] {
border: 1px solid var(--border-color);
border-radius: 3px;
}
.message-list-controls button {
color: var(--low-color);
margin-left: 1px;
padding: 0 6px;
}
.message-list-controls input[type="search"] { .message-list-controls input[type="search"] {
flex: 1 1 auto; flex: 1 1 auto;
padding: 2px 4px; padding: 2px 4px;

8
ui/src/main.css
View File

@@ -15,7 +15,7 @@ h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, small, strike, strong, sub, sup, tt, var,
b, u, i, center, b, u, i, center, button,
dl, dt, dd, ol, ul, li, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, table, caption, tbody, tfoot, thead, tr, th, td,
@@ -44,13 +44,17 @@ body {
background-color: var(--bg-color); background-color: var(--bg-color);
} }
body, input, table { body, button, input, table {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px; font-size: 14px;
line-height: 1.43; line-height: 1.43;
color: var(--primary-color); color: var(--primary-color);
} }
button {
background: none;
}
h1, h2, h3, h4, h5, h6, p { h1, h2, h3, h4, h5, h6, p {
margin-bottom: 10px; margin-bottom: 10px;
} }

3
ui/src/navbar.css
View File

@@ -30,9 +30,10 @@
.navbar-toggle { .navbar-toggle {
color: var(--navbar-color); color: var(--navbar-color);
font-size: 24px; font-size: 24px;
padding: 0 6px;
position: absolute; position: absolute;
top: 10px; top: 10px;
right: 20px; right: 14px;
} }
.navbar a, .navbar a,