Skip to content

Commit

Permalink
fix(data-table): remove checkbox custom focus styles (#12509)
Browse files Browse the repository at this point in the history
closes #10285

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
  • Loading branch information
alisonjoseph and kodiakhq[bot] authored Nov 10, 2022
1 parent a10c75f commit e5959d6
Showing 1 changed file with 0 additions and 20 deletions.
20 changes: 0 additions & 20 deletions packages/styles/scss/components/data-table/_data-table.scss
Original file line number Diff line number Diff line change
Expand Up @@ -329,26 +329,6 @@
transition: background-color $duration-fast-01 motion(entrance, productive);
}

.#{$prefix}--data-table
.#{$prefix}--table-column-checkbox
.#{$prefix}--checkbox:focus
+ .#{$prefix}--checkbox-label::before {
//make checkbox focus larger to match expansion btn focus
outline-offset: rem(6px);
}

.#{$prefix}--data-table--compact
.#{$prefix}--table-column-checkbox
.#{$prefix}--checkbox:focus
+ .#{$prefix}--checkbox-label::before,
.#{$prefix}--data-table--xs
.#{$prefix}--table-column-checkbox
.#{$prefix}--checkbox:focus
+ .#{$prefix}--checkbox-label::before {
//make checkbox match expansion button focus size
outline-offset: rem(2px);
}

.#{$prefix}--data-table thead th.#{$prefix}--table-column-checkbox,
.#{$prefix}--data-table tbody td.#{$prefix}--table-column-checkbox,
.#{$prefix}--data-table thead th.#{$prefix}--table-expand,
Expand Down

0 comments on commit e5959d6

Please sign in to comment.