Hidden toast by default (sc2536) (#68)

gameflow-tv · Mar 9, 2022 · eeeac50 · eeeac50
1 parent 47ed3a2
commit eeeac50
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/lib/components/common/Toast/Toast.styles.tsx b/src/lib/components/common/Toast/Toast.styles.tsx
@@ -219,8 +219,12 @@ export const StyledToast = styled.div((props: ToastProps) => {
     bottom: ${toastConfig.position.initial.bottom};
     left: ${toastConfig.position.initial.left};
     transform: ${`translateX(${toastConfig.position.initial.transformX}) translateY(${toastConfig.position.initial.transformY})`};
+    display: none;
+    opacity: 0;
 
     &.show {
+      display: unset;
+      opacity: 1;
       ${animation}
     }
   `