Style sticky header the same as regular table header

Shopify · Feb 26, 2024 · 04777fa · 04777fa
1 parent 84adf34
commit 04777fa
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/polaris-react/src/components/IndexTable/IndexTable.module.scss b/polaris-react/src/components/IndexTable/IndexTable.module.scss
@@ -97,7 +97,8 @@ $loading-panel-height: 53px;
   border-collapse: collapse;
 }
 
-.Table-scrolling {
+.Table-scrolling,
+.StickyTable-scrolling {
   // stylelint-disable-next-line selector-max-class, selector-max-combinators -- generated by polaris-migrator DO NOT COPY
   .TableCell-first,
   .TableCell-first + .TableCell,
@@ -119,7 +120,8 @@ $loading-panel-height: 53px;
     filter: drop-shadow(1px 0 0 var(--p-color-border-secondary));
   }
 
-  &.Table-sticky {
+  &.Table-sticky,
+  &.StickyTable {
     // stylelint-disable-next-line selector-max-class, selector-max-combinators, selector-max-specificity -- generated by polaris-migrator DO NOT COPY
     .TableCell-first + .TableCell,
     .TableHeading-second {
@@ -1243,7 +1245,8 @@ $loading-panel-height: 53px;
   }
 }
 
-.Table-sticky-scrolling {
+.Table-sticky-scrolling,
+.StickyTableHeader-sticky-scrolling {
   .TableCell:last-child,
   .TableHeading-last {
     @media (--p-breakpoints-sm-up) {

diff --git a/polaris-react/src/components/IndexTable/IndexTable.tsx b/polaris-react/src/components/IndexTable/IndexTable.tsx
@@ -649,14 +649,11 @@ function IndexTableBase({
             canFitStickyColumn &&
               lastColumnSticky &&
               styles['StickyTableHeader-sticky-last'],
-            /*
-
             // ie; is scrolled to the left
             canFitStickyColumn &&
               lastColumnSticky &&
               canScrollRight &&
               styles['StickyTableHeader-sticky-scrolling'],
-            */
           );
 
           const bulkActionsClassName = classNames(