diff --git a/packages/styles/scss/components/data-table/_data-table.scss b/packages/styles/scss/components/data-table/_data-table.scss index 0c0dd86a0deb..48b49a836358 100644 --- a/packages/styles/scss/components/data-table/_data-table.scss +++ b/packages/styles/scss/components/data-table/_data-table.scss @@ -950,17 +950,14 @@ tr.#{$prefix}--data-table--slug-row, tr.#{$prefix}--data-table--slug-row + .#{$prefix}--expandable-row, tr.#{$prefix}--data-table--ai-label-row, - tr.#{$prefix}--data-table--ai-label-row + .#{$prefix}--expandable-row, - tr.#{$prefix}--data-table--decorator-row, - tr.#{$prefix}--data-table--decorator-row + .#{$prefix}--expandable-row { + tr.#{$prefix}--data-table--ai-label-row + .#{$prefix}--expandable-row { @include ai-table-gradient(); background-attachment: fixed; } .#{$prefix}--data-table--slug-row, - .#{$prefix}--data-table--ai-label-row, - .#{$prefix}--data-table--decorator-row { + .#{$prefix}--data-table--ai-label-row { box-shadow: inset 1px 0 $ai-border-strong; } @@ -995,36 +992,7 @@ > td, tr.#{$prefix}--data-table--ai-label-row.#{$prefix}--parent-row.#{$prefix}--data-table--selected.#{$prefix}--expandable-row--hover > td:first-of-type, - .#{$prefix}--data-table - tbody - tr.#{$prefix}--data-table--decorator-row:hover - td, - tr.#{$prefix}--data-table--decorator-row.#{$prefix}--expandable-row:hover - + .#{$prefix}--expandable-row[data-child-row] - td, - tr.#{$prefix}--data-table--decorator-row.#{$prefix}--expandable-row--hover - + .#{$prefix}--expandable-row[data-child-row]:hover - > td, - tr.#{$prefix}--data-table--decorator-row.#{$prefix}--expandable-row--hover - > td, - tr.#{$prefix}--data-table--selected.#{$prefix}--data-table--decorator-row.#{$prefix}--expandable-row - + tr.#{$prefix}--expandable-row[data-child-row] - > td, - tr.#{$prefix}--data-table--decorator-row.#{$prefix}--parent-row.#{$prefix}--data-table--selected.#{$prefix}--expandable-row:hover - td, - tr.#{$prefix}--data-table--decorator-row.#{$prefix}--parent-row.#{$prefix}--data-table--selected.#{$prefix}--expandable-row:hover - td:first-of-type, - tr.#{$prefix}--data-table--decorator-row.#{$prefix}--parent-row.#{$prefix}--data-table--selected:not( - .#{$prefix}--expandable-row - ):hover - > td, - tr.#{$prefix}--data-table--decorator-row.#{$prefix}--parent-row.#{$prefix}--data-table--selected.#{$prefix}--expandable-row:hover - + tr[data-child-row] - > td, - tr.#{$prefix}--data-table--decorator-row.#{$prefix}--parent-row.#{$prefix}--data-table--selected.#{$prefix}--expandable-row--hover - > td, - tr.#{$prefix}--data-table--decorator-row.#{$prefix}--parent-row.#{$prefix}--data-table--selected.#{$prefix}--expandable-row--hover - > td:first-of-type { + > td { background-color: transparent; } @@ -1034,14 +1002,7 @@ tr.#{$prefix}--data-table--ai-label-row.#{$prefix}--expandable-row--hover + .#{$prefix}--expandable-row[data-child-row]:hover, tr.#{$prefix}--expandable-row--hover.#{$prefix}--data-table--ai-label-row, - tr.#{$prefix}--data-table--selected.#{$prefix}--parent-row.#{$prefix}--expandable-row--hover.#{$prefix}--data-table--ai-label-row, - .#{$prefix}--data-table tbody tr.#{$prefix}--data-table--decorator-row:hover, - tr.#{$prefix}--data-table--decorator-row:hover - + .#{$prefix}--expandable-row[data-child-row], - tr.#{$prefix}--data-table--decorator-row.#{$prefix}--expandable-row--hover - + .#{$prefix}--expandable-row[data-child-row]:hover, - tr.#{$prefix}--expandable-row--hover.#{$prefix}--data-table--decorator-row, - tr.#{$prefix}--data-table--selected.#{$prefix}--parent-row.#{$prefix}--expandable-row--hover.#{$prefix}--data-table--decorator-row { + tr.#{$prefix}--data-table--selected.#{$prefix}--parent-row.#{$prefix}--expandable-row--hover.#{$prefix}--data-table--ai-label-row { @include ai-table-gradient('hover'); background-attachment: fixed; @@ -1054,10 +1015,6 @@ tr.#{$prefix}--parent-row.#{$prefix}--data-table--selected.#{$prefix}--data-table--ai-label-row, .#{$prefix}--data-table--selected.#{$prefix}--data-table--ai-label-row, tr.#{$prefix}--data-table--selected.#{$prefix}--data-table--ai-label-row - + .#{$prefix}--expandable-row, - tr.#{$prefix}--parent-row.#{$prefix}--data-table--selected.#{$prefix}--data-table--decorator-row, - .#{$prefix}--data-table--selected.#{$prefix}--data-table--decorator-row, - tr.#{$prefix}--data-table--selected.#{$prefix}--data-table--decorator-row + .#{$prefix}--expandable-row { @include ai-table-gradient('selected'); @@ -1071,15 +1028,7 @@ tr.#{$prefix}--data-table--ai-label-row.#{$prefix}--parent-row.#{$prefix}--data-table--selected.#{$prefix}--expandable-row:hover td:not(.#{$prefix}--table-expand):not( .#{$prefix}--table-column-checkbox - ):not(.#{$prefix}--table-column-slug), - tr.#{$prefix}--data-table--decorator-row.#{$prefix}--data-table--selected td, - tr.#{$prefix}--data-table--decorator-row.#{$prefix}--data-table--selected:hover - td, - tbody tr.#{$prefix}--data-table--decorator-row:hover td, - tr.#{$prefix}--data-table--decorator-row.#{$prefix}--parent-row.#{$prefix}--data-table--selected.#{$prefix}--expandable-row:hover - td:not(.#{$prefix}--table-expand):not( - .#{$prefix}--table-column-checkbox - ):not(.#{$prefix}--table-column-decorator) { + ):not(.#{$prefix}--table-column-slug) { border-block-end-color: $border-subtle; } @@ -1090,11 +1039,7 @@ tr.#{$prefix}--expandable-row.#{$prefix}--data-table--selected.#{$prefix}--data-table--slug-row[data-parent-row] > td:not(.#{$prefix}--table-expand):not( .#{$prefix}--table-column-checkbox - ):not(.#{$prefix}--table-column-slug), - tr.#{$prefix}--expandable-row.#{$prefix}--data-table--selected.#{$prefix}--data-table--decorator-row[data-parent-row] - > td:not(.#{$prefix}--table-expand):not( - .#{$prefix}--table-column-checkbox - ):not(.#{$prefix}--table-column-decorator) { + ):not(.#{$prefix}--table-column-slug) { border-block-end: 1px solid $layer-selected; }