diff --git a/.all-contributorsrc b/.all-contributorsrc index 32de2ff27220..426ad0ba76c7 100644 --- a/.all-contributorsrc +++ b/.all-contributorsrc @@ -1652,7 +1652,16 @@ "contributions": [ "code" ] - } + }, + { + "login": "ziyadzulfikar", + "name": "ziyadzulfikar", + "avatar_url": "https://avatars.githubusercontent.com/u/56788667?v=4", + "profile": "https://github.com/ziyadzulfikar", + "contributions": [ + "code" + ] + }, ], "commitConvention": "none" } diff --git a/README.md b/README.md index 73978e53b606..0e8c0a950c9a 100644 --- a/README.md +++ b/README.md @@ -309,6 +309,7 @@ check out our [Contributing Guide](/.github/CONTRIBUTING.md) and our
Noah Sgorbati

💻 📖
Divya G

💻
Soumya Raju

💻 +
Ziyad Bin Sulfi

💻 diff --git a/packages/styles/scss/components/data-table/_data-table.scss b/packages/styles/scss/components/data-table/_data-table.scss index f7cca6645499..3d2565cdf650 100644 --- a/packages/styles/scss/components/data-table/_data-table.scss +++ b/packages/styles/scss/components/data-table/_data-table.scss @@ -205,7 +205,7 @@ .#{$prefix}--data-table td, .#{$prefix}--data-table tbody th { - border-block-end: 1px solid $border-subtle; + border-block-end: 1px solid $border-subtle-01; border-block-start: 1px solid $layer; color: $text-secondary; padding-inline: $spacing-05 $spacing-05; @@ -215,6 +215,16 @@ } } + .#{$prefix}--layer-two .#{$prefix}--data-table td, + .#{$prefix}--layer-two .#{$prefix}--data-table tbody th { + border-block-end: 1px solid $border-subtle-02; + } + + .#{$prefix}--layer-three .#{$prefix}--data-table td, + .#{$prefix}--layer-three .#{$prefix}--data-table tbody th { + border-block-end: 1px solid $border-subtle-03; + } + @supports (-moz-appearance: none) { .#{$prefix}--data-table td { // Fix to show borders in ff diff --git a/packages/styles/scss/components/data-table/expandable/_data-table-expandable.scss b/packages/styles/scss/components/data-table/expandable/_data-table-expandable.scss index affd1f4ba8a6..690139c6cdfb 100644 --- a/packages/styles/scss/components/data-table/expandable/_data-table-expandable.scss +++ b/packages/styles/scss/components/data-table/expandable/_data-table-expandable.scss @@ -189,7 +189,15 @@ // Expand icon column //---------------------------------------------------------------------------- .#{$prefix}--data-table td.#{$prefix}--table-expand { - border-block-end: 1px solid $border-subtle; + border-block-end: 1px solid $border-subtle-01; + } + + .#{$prefix}--layer-two .#{$prefix}--data-table td.#{$prefix}--table-expand { + border-block-end: 1px solid $border-subtle-02; + } + + .#{$prefix}--layer-three .#{$prefix}--data-table td.#{$prefix}--table-expand { + border-block-end: 1px solid $border-subtle-03; } .#{$prefix}--data-table