Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update sorted column background color (https://github.com/woocommerce/woocommerce-admin/pull/571)

This commit is contained in:
Joshua T Flowers 2018-10-18 14:45:06 -04:00 committed by GitHub
parent 098bf7a2bc
commit 0f5ab33ffe
2 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
plugins/woocommerce-admin/client/components/table/style.scss
View File

@ -80,6 +80,9 @@
tr:hover, tr:hover,
tr:focus-within { tr:focus-within {
background-color: $core-grey-light-200; background-color: $core-grey-light-200;
td {
background: transparent;
}
} }
} }
@ -125,6 +128,10 @@
max-width: 40px; max-width: 40px;
} }
&.is-sorted {
background-color: $core-grey-light-100;
}
&.is-checkbox-column { &.is-checkbox-column {
width: 33px; width: 33px;
max-width: 33px; max-width: 33px;

1
plugins/woocommerce-admin/client/components/table/table.js
View File

@ -198,6 +198,7 @@ class Table extends Component {
const cellClasses = classnames( 'woocommerce-table__item', cellClassName, { const cellClasses = classnames( 'woocommerce-table__item', cellClassName, {
'is-left-aligned': isLeftAligned, 'is-left-aligned': isLeftAligned,
'is-numeric': isNumeric, 'is-numeric': isNumeric,
'is-sorted': sortedBy === headers[ j ].key,
} ); } );
return ( return (
<Cell scope={ isHeader ? 'row' : null } key={ j } className={ cellClasses }> <Cell scope={ isHeader ? 'row' : null } key={ j } className={ cellClasses }>