chore(Table): adds overflow-hidden in Card wrapper

innovaccer · Jan 27, 2021 · 727f0fb · 727f0fb
1 parent 2eb8f5e
commit 727f0fb
Show file tree

Hide file tree

Showing 11 changed files with 13 additions and 15 deletions.
diff --git a/core/components/organisms/grid/__stories__/index.story.tsx b/core/components/organisms/grid/__stories__/index.story.tsx
@@ -102,7 +102,7 @@ export const all = () => {
         height: '350px',
       }}
     >
-      <Card className="h-100">
+      <Card className="h-100 overflow-hidden">
         <Grid
           schema={applySchema ? schema : undefined}
           data={applyData ? data : undefined}

diff --git a/core/components/organisms/list/__stories__/index.story.tsx b/core/components/organisms/list/__stories__/index.story.tsx
@@ -123,7 +123,7 @@ export const all = () => {
         // overflow: 'hidden'
       }}
     >
-      <Card className="h-100">
+      <Card className="h-100 overflow-hidden">
         <List
           {...dataAttr}
           withHeader={withHeader}

diff --git a/core/components/organisms/table/__stories__/asyncTable.story.tsx b/core/components/organisms/table/__stories__/asyncTable.story.tsx
@@ -13,7 +13,7 @@ export const asyncTable = () => {
         height: '350px',
       }}
     >
-      <Card className="h-100">
+      <Card className="h-100 overflow-hidden">
         <Table
           loaderSchema={loaderSchema}
           fetchData={fetchData}
@@ -256,7 +256,7 @@ const customCode = `
         height: '350px',
       }}
     >
-      <Card className="h-100">
+      <Card className="h-100 overflow-hidden">
         <Table
           loaderSchema={loaderSchema}
           fetchData={fetchData}

diff --git a/core/components/organisms/table/__stories__/index.story.tsx b/core/components/organisms/table/__stories__/index.story.tsx
@@ -146,7 +146,7 @@ export const all = () => {
         height: '350px',
       }}
     >
-      <Card className="h-100">
+      <Card className="h-100 overflow-hidden">
         <Table
           key={`${async}`}
           {...dataAttr}

diff --git a/core/components/organisms/table/__stories__/syncTable.story.tsx b/core/components/organisms/table/__stories__/syncTable.story.tsx
@@ -13,7 +13,7 @@ export const syncTable = () => {
         height: '350px',
       }}
     >
-      <Card className="h-100">
+      <Card className="h-100 overflow-hidden">
         <Table
           loaderSchema={loaderSchema}
           data={data}
@@ -151,7 +151,7 @@ const customCode = `
         height: '350px',
       }}
     >
-      <Card className="h-100">
+      <Card className="h-100 overflow-hidden">
         <Table
           loaderSchema={loaderSchema}
           data={data}

diff --git a/core/components/organisms/table/__stories__/variants/nestedRows.story.tsx b/core/components/organisms/table/__stories__/variants/nestedRows.story.tsx
@@ -153,7 +153,7 @@ const customCode = `
         height: '350px',
       }}
     >
-      <Card className="h-100">
+      <Card className="h-100 overflow-hidden">
         <Table
           data={data}
           schema={schema}

diff --git a/core/components/organisms/table/__stories__/variants/syncLoaderSchema.story.tsx b/core/components/organisms/table/__stories__/variants/syncLoaderSchema.story.tsx
@@ -49,7 +49,7 @@ export const syncLoaderSchema = () => {
         // overflow: 'hidden'
       }}
     >
-      <Card className="h-100">
+      <Card className="h-100 overflow-hidden">
         <Table
           loading={loading}
           error={error}

diff --git a/core/components/organisms/table/__stories__/variants/withEditableCell.story.tsx b/core/components/organisms/table/__stories__/variants/withEditableCell.story.tsx
@@ -13,7 +13,7 @@ export const withEditableCell = () => {
         height: '350px',
       }}
     >
-      <Card className="h-100">
+      <Card className="h-100 overflow-hidden">
         <Table
           loaderSchema={loaderSchema}
           data={data}
@@ -159,7 +159,7 @@ const customCode = `
         height: '350px',
       }}
     >
-      <Card className="h-100">
+      <Card className="h-100 overflow-hidden">
         <Table
           loaderSchema={loaderSchema}
           data={data}

diff --git a/core/components/organisms/table/__stories__/variants/withErrorTemplate.story.tsx b/core/components/organisms/table/__stories__/variants/withErrorTemplate.story.tsx
@@ -138,7 +138,7 @@ const customCode = `
         height: '350px',
       }}
     >
-      <Card className="h-100">
+      <Card className="h-100 overflow-hidden">
         <Table
           schema={schema}
           error={true}

diff --git a/core/components/patterns/table/Table with Header/style.css b/core/components/patterns/table/Table with Header/style.css
@@ -1,14 +1,12 @@
 .Table-container {
   display: flex;
   height: 100%;
-  /* overflow: hidden; */
 }
 
 .Table-filters {
   box-sizing: border-box;
   display: flex;
   flex-shrink: 0;
-  /* background: var(--secondary); */
 }
 
 .Table-filters--vertical {

diff --git a/core/components/patterns/table/Table with Header/tableWithHeader.story.jsx b/core/components/patterns/table/Table with Header/tableWithHeader.story.jsx
@@ -666,7 +666,7 @@ import './style.css';
       return (
         <div className="Table-container">
           <div style={{ width: showVerticalFilters ? 'calc(100% - var(--spacing-9))' : '100%' }}>
-            <Card className="Table">
+            <Card className="Table overflow-hidden">
               <div className="Table-header">
                 <Header
                   {...this.state}