diff --git a/packages/react/src/components/DataTable/stories/DataTable-batch-actions.stories.js b/packages/react/src/components/DataTable/stories/DataTable-batch-actions.stories.js index 9102ad44ac83..c987be17fea0 100644 --- a/packages/react/src/components/DataTable/stories/DataTable-batch-actions.stories.js +++ b/packages/react/src/components/DataTable/stories/DataTable-batch-actions.stories.js @@ -7,7 +7,7 @@ import React from 'react'; import { action } from '@storybook/addon-actions'; -import { TrashCan, Save, Download } from '@carbon/icons-react'; +import { TrashCan, Save, Download, Add } from '@carbon/icons-react'; import Button from '../../Button'; import DataTable, { @@ -89,6 +89,18 @@ export const Default = () => ( Delete + Delete + + diff --git a/packages/styles/scss/components/data-table/action/_data-table-action.scss b/packages/styles/scss/components/data-table/action/_data-table-action.scss index 346da1ce66e8..cfb944e65f28 100644 --- a/packages/styles/scss/components/data-table/action/_data-table-action.scss +++ b/packages/styles/scss/components/data-table/action/_data-table-action.scss @@ -393,10 +393,9 @@ .#{$prefix}--batch-actions:focus { @include focus-outline; } - + // 200% to allow tooltips .#{$prefix}--batch-actions--active { - overflow: auto hidden; - clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); + clip-path: polygon(0 0, 200% 0, 200% 200%, 0 200%); pointer-events: all; transform: translate3d(0, 0, 0); }