makes message input fixed and adds new height class to tachyons #86 #94

dwyl · Jun 27, 2017 · f20855a · f20855a
1 parent faf4339
commit f20855a
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/dump.rdb b/dump.rdb
diff --git a/elm/index.html b/elm/index.html
@@ -14,5 +14,6 @@
     var node = document.getElementById('app');
     var app = Elm.Main.embed(node);
     </script>
+    <style> .h3_5 { height: 5rem; } </style>
   </body>
 </html>
diff --git a/elm/src/Main.elm b/elm/src/Main.elm
@@ -61,9 +61,9 @@ view : Model -> Html Msg
 view model =
     div [ class "helvetica" ]
         [ ul [ class "list w-100 pa0 ma0" ] (List.map parseMessage model.messages)
-        , Html.form [ class "bg-near-black w-100 fixed bottom-0 pa1" ]
-            [ input [ class "fl ba0 f3 pv2 ph1", Html.Attributes.style [ ( "width", toString (model.windowWidth - 131) ++ "px" ) ], value model.messageInput.input, Html.Attributes.placeholder model.messageInput.placeholder, onInput UpdateInput ] []
-            , button [ class "fr f3 pv2 white b--solid-ns", Html.Attributes.style [ ( "width", "103px" ), ("background-color", "#4DB6AC"), ("border-color", "#4DB6AC") ] ] [ text "Send" ]
+        , Html.form [ class "bg-near-black h3_5 w-100 bw2 fixed bottom-0 pt2" ]
+            [ input [ class "fixed bottom-1 left-1 ba0 f3 pv2 border-box", Html.Attributes.style [ ( "width", toString (model.windowWidth - 148) ++ "px" ) ], value model.messageInput.input, Html.Attributes.placeholder model.messageInput.placeholder, onInput UpdateInput ] []
+            , button [ class "fixed bottom-1 right-1 fr ba0 ph1 f3 pv2 white border-box", Html.Attributes.style [ ( "width", "103px" ), ("background-color", "#4DB6AC"), ("border-color", "#4DB6AC") ] ] [ text "Send" ]
             ]
         ]