Merge pull request #102 from lumihq/kimi/hotfix/modal

Modal + mobile Safari full-height bug

Author: kimispencer

src/Lumi/Components/Modal.purs

@@ -422,7 +422,7 @@ styles = jss
                           , paddingRight: "16px"
                           , "& button.lumi":
                               { fontSize: "16px"
-                              , lineHeight: "24px"
+                              , lineHeight: "initial"
                               , padding: "10px 21px 10px"
                               }
                           }
@@ -433,7 +433,12 @@ styles = jss
               , "&:not([data-variant=\"dialog\"])":
                   { "& lumi-modal":
                       { "@media (max-width: 860px)":
-                          { minHeight: "100vh"
+                          { position: "fixed"
+                          , top: "0"
+                          , right: "0"
+                          , bottom: "0"
+                          , left: "0"
+                          , height: "100%"
                           , width: "100vw"
                           , maxWidth: "100vw"
                           , "&[data-size=\"small\"], &[data-size=\"medium\"], &[data-size=\"large\"]":