fix: re-layout overflow content, closes #700

felixmosh · Mar 12, 2024 · dd09f28 · dd09f28
1 parent ad4dd78
commit dd09f28
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/packages/ui/src/components/JobCard/Details/DetailsContent/JobLogs/JobLogs.module.css b/packages/ui/src/components/JobCard/Details/DetailsContent/JobLogs/JobLogs.module.css
@@ -3,13 +3,13 @@
   overflow: hidden;
   position: relative;
   background: #fff;
+  height: 100%;
 }
 
 .preWrapper {
   padding: 40px 0.5rem 0.5rem;
   max-height: 100%;
   overflow: auto;
-  height: 330px;
 }
 
 .preWrapper ol {

diff --git a/packages/ui/src/components/JobCard/JobCard.module.css b/packages/ui/src/components/JobCard/JobCard.module.css
@@ -58,6 +58,7 @@
   display: flex;
   margin-top: 1rem;
   width: 100%;
+  overflow: hidden;
 }
 
 .sideInfo {

diff --git a/packages/ui/src/components/JobCard/JobCard.tsx b/packages/ui/src/components/JobCard/JobCard.tsx
@@ -72,7 +72,7 @@ export const JobCard = ({
           )}
         </div>
 
-        <Collapsible.Content>
+        <Collapsible.Content asChild={true}>
           <div className={s.details}>
             <div className={s.sideInfo}>
               <Timeline job={job} status={status} />