Skip to content

Commit

Permalink
fix: css
Browse files Browse the repository at this point in the history
  • Loading branch information
preetibansalui committed Dec 16, 2024
1 parent fd9b843 commit 703ab52
Showing 1 changed file with 6 additions and 61 deletions.
67 changes: 6 additions & 61 deletions packages/styles/scss/components/data-table/_data-table.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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;
}

Expand Down Expand Up @@ -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;
}

Expand All @@ -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;
Expand All @@ -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');

Expand All @@ -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;
}

Expand All @@ -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;
}

Expand Down

0 comments on commit 703ab52

Please sign in to comment.