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

IE11: fix Card layout broken because it was using CSS grid (https://github.com/woocommerce/woocommerce-admin/pull/370)

This commit is contained in:
Albert Juhé Lluveras 2018-09-07 17:52:51 +02:00 committed by GitHub
parent 2ad6129830
commit 069fcb7fe6
2 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
plugins/woocommerce-admin/client/components/card/index.js
View File

@ -27,9 +27,13 @@ class Card extends Component {
return (
<div className={ className }>
<div className="woocommerce-card__header">
<H className="woocommerce-card__title">{ title }</H>
{ action && <div className="woocommerce-card__action">{ action }</div> }
{ menu && <div className="woocommerce-card__menu">{ menu }</div> }
<H className="woocommerce-card__title woocommerce-card__header-item">{ title }</H>
{ action && (
<div className="woocommerce-card__action woocommerce-card__header-item">{ action }</div>
) }
{ menu && (
<div className="woocommerce-card__menu woocommerce-card__header-item">{ menu }</div>
) }
</div>
<Section className="woocommerce-card__body">{ children }</Section>
</div>

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

@ -34,6 +34,10 @@
}
}
.woocommerce-card__header-item {
@include set-grid-item-position( 3, 3 );
}
.woocommerce-card__action,
.woocommerce-card__menu {
text-align: right;