From c542424b7b41c78a170763f6996c12f56b359860 Mon Sep 17 00:00:00 2001
From: Joris
Date: Sat, 10 Aug 2019 21:31:27 +0200
Subject: Add smooth transitions to modal show and hide

---
 server/src/Design/Global.hs | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

(limited to 'server/src/Design/Global.hs')

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)
-- 
cgit v1.2.3