Skip to content

Table - remove extra border on mobile collapsed expandable rows #6556

@srambach

Description

@srambach

Per Kayla's comment below, remove the extra 1px border under collapsed expandable rows.

Additional info from dupe #6667 (comment)

Double bottom-border on non-expanded rows in expandable tables. Here's where the borders are coming from

.#{$table}__tbody {
border-block-end: var(--#{$table}__tr--BorderBlockEndWidth) solid var(--#{$table}__tr--BorderBlockEndColor);
}

// - Table grid not expandable row
tr:where(.#{$table}__tr):not(.#{$table}__expandable-row) {
border-block-end: var(--#{$table}__tr--responsive--border-width--base) solid var(--#{$table}--responsive--BorderColor);
}

Screenshot 2024-05-15 at 7 54 16 PM

Metadata

Metadata

Assignees

Type

No type
No fields configured for issues without a type.

Projects

Status
Done

Relationships

None yet

Development

No branches or pull requests

Issue actions