fix(react): update data-table based on audit (#10966)

* chore: check-in work * fix(styles): update search bar with data table * docs(data-table): update batch actions > small story Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
carbon-design-system · Mar 22, 2022 · 118938a · 118938a
1 parent 0f68e76
commit 118938a
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/packages/react/src/components/DataTable/stories/DataTable-batch-actions-story.js b/packages/react/src/components/DataTable/stories/DataTable-batch-actions-story.js
@@ -233,7 +233,7 @@ export const Small = () => (
               </Button>
             </TableToolbarContent>
           </TableToolbar>
-          <Table {...getTableProps()}>
+          <Table {...getTableProps()} size="sm">
             <TableHead>
               <TableRow>
                 <TableSelectAll {...getSelectionProps()} />

diff --git a/packages/styles/scss/components/data-table/_data-table.scss b/packages/styles/scss/components/data-table/_data-table.scss
@@ -428,7 +428,7 @@
     td,
   tr.#{$prefix}--data-table--selected:first-of-type td {
     // Top border acts as separator from thead
-    border-top: 1px solid $layer-active;
+    border-top: 1px solid $border-subtle-selected;
   }
 
   // last row + zebra select last

diff --git a/packages/styles/scss/components/search/_search.scss b/packages/styles/scss/components/search/_search.scss
@@ -107,10 +107,16 @@
     // 12px padding on either side of icon + 16px icon (40px)
     padding: 0 $spacing-08;
   }
+
   .#{$prefix}--search--md .#{$prefix}--search-magnifier-icon {
     left: rem(12px);
   }
 
+  .#{$prefix}--search--md:not(.#{$prefix}--toolbar-search-container-active)
+    .#{$prefix}--search-magnifier-icon {
+    left: 0;
+  }
+
   // Large styles
   .#{$prefix}--search--lg .#{$prefix}--search-input,
   .#{$prefix}--search--lg.#{$prefix}--search--expandable.#{$prefix}--search--expanded