Added blockers (#1730)

Co-authored-by: Thibaut Sardan <33178835+Tbaut@users.noreply.github.com> Co-authored-by: Michael Yankelev <12774278+FSM1@users.noreply.github.com>
ChainSafe · Nov 12, 2021 · 9c16198 · 9c16198
1 parent 5de675c
commit 9c16198
Showing 1 changed file with 25 additions and 1 deletion.
diff --git a/packages/files-ui/src/Components/Layouts/AppNav.tsx b/packages/files-ui/src/Components/Layouts/AppNav.tsx
@@ -37,8 +37,32 @@ const useStyles = makeStyles(
         position: "fixed",
         left: 0,
         opacity: 0,
+        "&:before": {
+          content: "''",
+          display: "block",
+          position: "absolute",
+          top: 0,
+          left: 0,
+          height: "100%",
+          width: "100%",
+          zIndex: 9999,
+          opacity: 0,
+          visibility: "visible",
+          transitionDuration: `${animation.translate}ms`
+        },
         "&.active": {
-          opacity: 1
+          opacity: 1,
+          "&:before": {
+            content: "''",
+            display: "block",
+            position: "absolute",
+            top: 0,
+            left: 0,
+            height: "100%",
+            width: "100%",
+            zIndex: -1,
+            visibility: "hidden"
+          }
         },
         [breakpoints.up("md")]: {
           padding: `${constants.topPadding}px ${