diff --git a/changelogs/upcoming/7361.md b/changelogs/upcoming/7361.md index 08dc4a2ead84..4b5048e11f1f 100644 --- a/changelogs/upcoming/7361.md +++ b/changelogs/upcoming/7361.md @@ -1,3 +1,5 @@ +- Improved `EuiBasicTable`/`EuiInMemoryTable's mobile UI for custom actions + **Accessibility** - Fixed custom `EuiBasicTable`/`EuiInMemoryTable` incorrendering nested interactive custom actions diff --git a/src/components/table/_responsive.scss b/src/components/table/_responsive.scss index 58f8950e89d2..5b11913459f4 100644 --- a/src/components/table/_responsive.scss +++ b/src/components/table/_responsive.scss @@ -99,6 +99,25 @@ } } + // Custom actions + &:not(.euiTableRow-hasActions) .euiTableRowCell--hasActions:last-child { + width: 100%; + + &::before { + content: ''; + position: absolute; + left: 0; + right: 0; + height: $euiBorderWidthThin; + background-color: $euiTableActionsBorderColor; + } + + .euiTableCellContent { + position: relative; + top: $euiSizeXS; + } + } + &.euiTableRow-hasActions.euiTableRow-isExpandable { .euiTableRowCell--isExpander { top: auto;