From be3ecf420b548df2512d611fa5d905fcd94a9ef5 Mon Sep 17 00:00:00 2001 From: David Bradshaw Date: Wed, 19 Aug 2020 10:29:44 -0400 Subject: [PATCH] fix(DataTable): add absolute back to batch data (#6660) Absolute positioning with right and left moving for items in Batch actions to match proper styling (as seen in all Carbon Design docs). This will not allow scrolling, but if we want scrolling it seems we should maybe alter the design on tablet and under instead of tossing everything to the left. Co-authored-by: TJ Egan Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com> --- .../src/components/data-table/_data-table-action.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/packages/components/src/components/data-table/_data-table-action.scss b/packages/components/src/components/data-table/_data-table-action.scss index cae8d751626c..e6ca1b01d5f2 100644 --- a/packages/components/src/components/data-table/_data-table-action.scss +++ b/packages/components/src/components/data-table/_data-table-action.scss @@ -390,6 +390,8 @@ //btns container .#{$prefix}--action-list { + position: absolute; + right: 0; display: flex; } @@ -469,6 +471,8 @@ // items selected text .#{$prefix}--batch-summary { + position: absolute; + left: 0; display: flex; align-items: center; margin-left: $spacing-05;