Sets overflow to hidden to eliminate overlap of logs when expanding. (a…

…irbytehq#16644)
robbinhan · Sep 29, 2022 · a6e0e75 · a6e0e75
1 parent 6f2f8dd
commit a6e0e75
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/airbyte-webapp/src/components/JobItem/components/ContentWrapper.module.scss b/airbyte-webapp/src/components/JobItem/components/ContentWrapper.module.scss
@@ -0,0 +1,3 @@
+.container {
+  overflow: hidden;
+}
diff --git a/airbyte-webapp/src/components/JobItem/components/ContentWrapper.tsx b/airbyte-webapp/src/components/JobItem/components/ContentWrapper.tsx
@@ -1,6 +1,8 @@
 import { motion } from "framer-motion";
 import React from "react";
 
+import styles from "./ContentWrapper.module.scss";
+
 interface IProps {
   children?: React.ReactNode;
   isOpen?: boolean;
@@ -10,6 +12,7 @@ interface IProps {
 const ContentWrapper: React.FC<IProps> = ({ children, isOpen, onToggled }) => {
   return (
     <motion.div
+      className={styles.container}
       animate={!isOpen ? "closed" : "open"}
       onAnimationComplete={onToggled}
       variants={{