From 3dd319420dc327baadc170daefca92e74cc8f8c6 Mon Sep 17 00:00:00 2001 From: Katie McFaul Date: Fri, 9 Aug 2019 08:56:36 -0500 Subject: [PATCH 1/2] feat(Table): add new visibleOn and hiddenOn breakpoint --- .../src/components/Table/utils/decorators/classNames.ts | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/packages/patternfly-4/react-table/src/components/Table/utils/decorators/classNames.ts b/packages/patternfly-4/react-table/src/components/Table/utils/decorators/classNames.ts index 95faea48f3d..e63cef0adf9 100644 --- a/packages/patternfly-4/react-table/src/components/Table/utils/decorators/classNames.ts +++ b/packages/patternfly-4/react-table/src/components/Table/utils/decorators/classNames.ts @@ -7,10 +7,12 @@ export const Visibility = pickProperties(styles.modifiers, [ 'hiddenOnMd', 'hiddenOnLg', 'hiddenOnXl', + 'hiddenOn2Xl', 'visibleOnSm', 'visibleOnMd', 'visibleOnLg', - 'visibleOnXl' + 'visibleOnXl', + 'visibleOn2Xl' ]); // tslint:disable-next-line:no-shadowed-variable From 5055e136b9b0c5d25a62e8c8d7e1494ee2113193 Mon Sep 17 00:00:00 2001 From: Katie McFaul Date: Mon, 19 Aug 2019 08:41:29 -0500 Subject: [PATCH 2/2] feat(Table): add new breakpoint to example --- .../patternfly-4/react-table/src/components/Table/Table.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/patternfly-4/react-table/src/components/Table/Table.md b/packages/patternfly-4/react-table/src/components/Table/Table.md index fdb3cbe43d3..030c9ddca5a 100644 --- a/packages/patternfly-4/react-table/src/components/Table/Table.md +++ b/packages/patternfly-4/react-table/src/components/Table/Table.md @@ -713,12 +713,12 @@ class HiddenVisibleBreakpointTable extends React.Component { columns: [ { title: 'Repositories', - columnTransforms: [classNames(Visibility.hidden, Visibility.visibleOnMd, Visibility.hiddenOnLg)] + columnTransforms: [classNames(Visibility.hidden, Visibility.visibleOnMd, Visibility.hiddenOnLg, Visibility.visibleOn2Xl)] }, 'Branches', { title: 'Pull requests', - columnTransforms: [classNames(Visibility.hiddenOnMd, Visibility.visibleOnLg)] + columnTransforms: [classNames(Visibility.hiddenOnMd, Visibility.visibleOnLg, Visibility.hiddenOn2Xl)] }, 'Workspaces', {