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

Fix chart blocks not being responsive (https://github.com/woocommerce/woocommerce-admin/pull/1265)

This commit is contained in:
Albert Juhé Lluveras 2019-01-10 10:55:15 +01:00 committed by GitHub
parent d46ce1df7a
commit 279bc142bb
2 changed files with 9 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
plugins/woocommerce-admin/client/dashboard/dashboard-charts/index.js
View File

@ -188,14 +188,13 @@ class DashboardCharts extends Component {
<div className="woocommerce-dashboard__columns">
{ uniqCharts.map( chart => {
return hiddenChartKeys.includes( chart.key ) ? null : (
<div key={ chart.key }>
<ChartBlock
charts={ getChartFromKey( chart.key ) }
endpoint={ chart.endpoint }
path={ path }
query={ query }
/>
</div>
<ChartBlock
charts={ getChartFromKey( chart.key ) }
endpoint={ chart.endpoint }
key={ chart.key }
path={ path }
query={ query }
/>
);
} ) }
</div>

4
plugins/woocommerce-admin/client/dashboard/style.scss
View File

@ -2,11 +2,11 @@
.woocommerce-dashboard__columns {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-columns: calc(50% - #{$gap-large/2}) calc(50% - #{$gap-large/2});
grid-column-gap: $gap-large;
@include breakpoint( '<960px' ) {
grid-template-columns: 1fr;
grid-template-columns: 100%;
}
}