fix: Remove table round corner under header (#529)

cloudscape-design · Dec 1, 2022 · c483bae · c483bae
1 parent ee62932
commit c483bae
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/table/styles.scss b/src/table/styles.scss
@@ -61,8 +61,6 @@
   padding-top: awsui.$space-table-content-top;
   padding-bottom: awsui.$space-table-content-bottom;
   overflow-x: auto;
-  border-top-right-radius: awsui.$border-radius-container;
-  border-top-left-radius: awsui.$border-radius-container;
   &.variant-stacked,
   &.variant-container {
     & > .table {
@@ -79,6 +77,10 @@
   &.has-footer {
     padding-bottom: 0px;
   }
+  &:not(.has-header) {
+    border-top-right-radius: awsui.$border-radius-container;
+    border-top-left-radius: awsui.$border-radius-container;
+  }
 
   @include focus-visible.when-visible {
     @include styles.container-focus();