Merge pull request #2710 from javabster/fix-test-table-2

Ecosystem: Fix `TestTable` `overflow-x` bug
This commit is contained in:
Randy 2022-07-27 11:01:22 -07:00 committed by GitHub
commit 2ce0584ea5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 2366 additions and 343 deletions

View File

@ -1,5 +1,6 @@
<template>
<AppDataTable
class="test-table"
:columns="[
'Status',
'Test Type',
@ -98,23 +99,18 @@ export default class TestTable extends Vue {
<style lang="scss">
.test-table {
padding: 0;
background-color: $cool-gray-10;
}
.bx--data-table th[aria-sort] {
background-color: $cool-gray-10;
border-bottom: 1px solid $cool-gray-30;
}
.bx--data-table tbody tr td,
.bx--data-table tbody tr:hover td {
background-color: $cool-gray-10 !important;
border-bottom: 1px solid $cool-gray-30 !important;
color: $black-100;
}
.app-data-table[data-v-6e79c51a] {
overflow-x: unset !important;
.bx--data-table th[aria-sort] {
background-color: $cool-gray-10;
border-bottom: 1px solid $cool-gray-30;
}
.bx--data-table tbody tr td,
.bx--data-table tbody tr:hover td {
background-color: $cool-gray-10;
border-bottom: 1px solid $cool-gray-30;
color: $black-100;
}
}
</style>

File diff suppressed because it is too large Load Diff

View File

@ -95,7 +95,6 @@
</template>
<template slot="content">
<TestTable
class="test-table"
:filtered-data="getTestRows(member)"
/>
</template>