Only show modal header or footer if there is content there.

gdotdesign · Feb 23, 2017 · a1e2bb6 · a1e2bb6
1 parent bc241a0
commit a1e2bb6
Showing 1 changed file with 15 additions and 3 deletions.
diff --git a/source/Ui/Modal.elm b/source/Ui/Modal.elm
@@ -128,6 +128,19 @@ render viewModel model =
         [ Ui.Icons.close [ closeEvent ] ]
       else
         []
+
+    footer =
+      if List.isEmpty viewModel.footer then
+        text ""
+      else
+        node "ui-modal-footer" [] viewModel.footer
+
+    header =
+      if String.isEmpty viewModel.title then
+        text ""
+      else
+        node "ui-modal-header"[]
+          ([ node "ui-modal-title" [] [ text viewModel.title ] ] ++ closeIcon)
   in
     node
       "ui-modal"
@@ -137,10 +150,9 @@ render viewModel model =
         |> List.concat
       )
       ([ node "ui-modal-wrapper" []
-        [ node "ui-modal-header"[]
-          ([ node "ui-modal-title" [] [ text viewModel.title ] ] ++ closeIcon)
+        [ header
         , node "ui-modal-content" [] viewModel.contents
-        , node "ui-modal-footer" [] viewModel.footer
+        , footer
         ]
        ] ++ (if model.backdrop then backdrop else [] ))