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

Make mini cart icon RTL on RTL sites in editor (https://github.com/woocommerce/woocommerce-blocks/pull/9707) 

* Make mini cart icon RTL on RTL sites in editor

* Use BEM convention
This commit is contained in:
Roy Ho 2023-06-05 06:36:57 -07:00 committed by GitHub
parent 4cd22fb705
commit 5a5d5d315a
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
plugins/woocommerce-blocks/assets/js/blocks/mini-cart/editor.scss
View File

@ -9,3 +9,9 @@
.wc-block-editor-mini-cart__drawer-link {
margin-bottom: 24px;
}
.wc-block-editor-mini-cart__icon {
html[dir="rtl"] & {
transform: scaleX(-1);
}
}

2
plugins/woocommerce-blocks/assets/js/blocks/mini-cart/index.tsx
View File

@ -20,7 +20,7 @@ const settings: BlockConfiguration = {
src: (
<Icon
icon={ miniCartAlt }
className="wc-block-editor-components-block-icon"
className="wc-block-editor-components-block-icon wc-block-editor-mini-cart__icon"
/>
),
},