diff --git a/plugins/woocommerce-admin/client/components/table/README.md b/plugins/woocommerce-admin/client/components/table/README.md index 000cb2a9caf..a06b35aa10d 100644 --- a/plugins/woocommerce-admin/client/components/table/README.md +++ b/plugins/woocommerce-admin/client/components/table/README.md @@ -32,7 +32,6 @@ render: function() { ### `TableCard` props -* `isCompact`: Applies `is-compact` class and hides pagination. * `headers`: An array of column headers (see `Table` props). * `onQueryChange`: A function which returns a callback function to update the query string for a given `param`. * `onClickDownload`: A callback function which handles then "download" button press. Optional, if not used, the button won't appear. diff --git a/plugins/woocommerce-admin/client/components/table/index.js b/plugins/woocommerce-admin/client/components/table/index.js index 9b149e20a4d..0ca017aba2b 100644 --- a/plugins/woocommerce-admin/client/components/table/index.js +++ b/plugins/woocommerce-admin/client/components/table/index.js @@ -3,7 +3,6 @@ * External dependencies */ import { __ } from '@wordpress/i18n'; -import classnames from 'classnames'; import { Component } from '@wordpress/element'; import { IconButton, ToggleControl } from '@wordpress/components'; import { fill, find, findIndex, first, isArray, noop } from 'lodash'; @@ -59,26 +58,15 @@ class TableCard extends Component { } render() { - const { - isCompact, - onClickDownload, - onQueryChange, - query, - rowHeader, - summary, - title, - } = this.props; + const { onClickDownload, onQueryChange, query, rowHeader, summary, title } = this.props; const { showCols } = this.state; const allHeaders = this.props.headers; const headers = this.filterCols( this.props.headers ); const rows = this.filterCols( this.props.rows ); - const classNames = classnames( 'woocommerce-table', { - 'is-compact': isCompact, - } ); return ( } - { ! isCompact && ( - - ) } + ); } @@ -143,7 +129,6 @@ TableCard.propTypes = { required: PropTypes.bool, } ) ), - isCompact: PropTypes.bool, onQueryChange: PropTypes.func, onClickDownload: PropTypes.func, query: PropTypes.object, @@ -166,7 +151,6 @@ TableCard.propTypes = { }; TableCard.defaultProps = { - isCompact: false, onQueryChange: noop, query: {}, rowHeader: 0, diff --git a/plugins/woocommerce-admin/client/components/table/style.scss b/plugins/woocommerce-admin/client/components/table/style.scss index 66ee2c0babb..77a4a1e452c 100644 --- a/plugins/woocommerce-admin/client/components/table/style.scss +++ b/plugins/woocommerce-admin/client/components/table/style.scss @@ -6,12 +6,6 @@ padding-bottom: $gap; } - &.is-compact { - .woocommerce-card__body { - padding-bottom: 0; - } - } - .woocommerce-card__action, .woocommerce-card__menu { justify-self: flex-end; @@ -31,14 +25,6 @@ border-collapse: collapse; width: 100%; } - - .is-compact & { - margin-bottom: 0px; - - tr:last-child { - border-bottom-style: hidden; - } - } } .woocommerce-table__header,