Add smooth transitions to modal show and hide

1 files changed, 4 insertions, 3 deletions

diff --git a/server/src/Design/Global.hs b/server/src/Design/Global.hs
index 66e9f47..24d999f 100644
--- a/server/src/Design/Global.hs
+++ b/server/src/Design/Global.hs
@@ -22,7 +22,7 @@ globalDesign = renderWith compact [] global
 global :: Css
 global = do
   ".errors" ? Errors.design
-  ".modal" ? Modal.design
+  Modal.design
   ".tooltip" ? Tooltip.design
   Views.design
   Form.design
@@ -33,13 +33,14 @@ global = do
   html ? do
     height (pct 100)
 
+  "g-Body--Modal" ?
+    overflowY hidden
+
   body ? do
     position relative
     minWidth (px 320)
     height (pct 100)
     fontFamily ["Cantarell"] [sansSerif]
-    ".modal" &
-      overflowY hidden
     Media.tablet $ do
       fontSize (px 15)
       button ? fontSize (px 15)