Merge pull request #56 from cedricwaxwing/fix-modal-overlays

Removes modal overlay blur animation and keyframes
gnosisguild · Mar 29, 2022 · 286b4b3 · 286b4b3
2 parents 59199f3 + a86d548
commit 286b4b3
Show file tree

Hide file tree

Showing 2 changed files with 0 additions and 24 deletions.
diff --git a/src/views/AddModule/modals/AddModuleModal.tsx b/src/views/AddModule/modals/AddModuleModal.tsx
@@ -48,9 +48,6 @@ const useStyles = makeStyles((theme) => ({
   },
   backdrop: {
     backdropFilter: "blur(4px)",
-    animationName: "$blur",
-    animationDuration: "500ms",
-    animationTimingFunction: "ease",
   },
   description: {
     marginTop: theme.spacing(1),
@@ -94,14 +91,6 @@ const useStyles = makeStyles((theme) => ({
   warningText: {
     color: "#E0B325",
   },
-  "@keyframes blur": {
-    "0%": {
-      backdropFilter: "blur(0px)",
-    },
-    "100%": {
-      backdropFilter: "blur(4px)",
-    },
-  },
 }));
 
 export const AddModuleModal: React.FC<AddModuleModalProps> = ({
@@ -127,7 +116,6 @@ export const AddModuleModal: React.FC<AddModuleModalProps> = ({
       className={classNames(classes.modal, classes.row, classes.center)}
       BackdropProps={{
         className: classes.backdrop,
-        invisible: true,
       }}
     >
       <Fade in={open}>

diff --git a/src/views/TransactionBuilder/TransactionBuilder.tsx b/src/views/TransactionBuilder/TransactionBuilder.tsx
@@ -70,17 +70,6 @@ const useStyles = makeStyles((theme) => ({
   },
   backdrop: {
     backdropFilter: "blur(4px)",
-    animationName: "$blur",
-    animationDuration: "500ms",
-    animationTimingFunction: "ease",
-  },
-  "@keyframes blur": {
-    "0%": {
-      backdropFilter: "blur(0px)",
-    },
-    "100%": {
-      backdropFilter: "blur(4px)",
-    },
   },
   bagIcon: {
     marginLeft: theme.spacing(2),
@@ -158,7 +147,6 @@ export const TransactionBuilder = () => {
       className={classes.modal}
       BackdropProps={{
         className: classes.backdrop,
-        invisible: true,
       }}
     >
       <Fade in={open}>