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

Mini Cart Block contents: Remove item border bottom (https://github.com/woocommerce/woocommerce-blocks/pull/5739) 

Co-authored-by: Luigi Teschio <gigitux@gmail.com>
This commit is contained in:
Daniel Dudzic 2022-02-16 16:13:26 +01:00 committed by GitHub
parent b8e4e37bb5
commit 5e55c1ae4a
3 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
plugins/woocommerce-blocks/assets/js/blocks/cart-checkout/cart/style.scss
View File

@ -178,8 +178,12 @@ table.wc-block-cart-items {
.wc-block-cart-item__remove-link {
display: none;
}
&:not(.wc-block-mini-cart-items) {
.wc-block-cart-items__row {
@include with-translucent-border( 0 0 1px );
}
}
.wc-block-cart-items__row {
@include with-translucent-border( 0 0 1px );
display: grid;
grid-template-columns: 80px 132px;
padding: $gap 0;

1
plugins/woocommerce-blocks/assets/js/blocks/cart-checkout/mini-cart-contents/inner-blocks/mini-cart-products-table-block/block.tsx
View File

@ -15,6 +15,7 @@ const Block = (): JSX.Element => {
<CartLineItemsTable
lineItems={ cartItems }
isLoading={ cartIsLoading }
className="wc-block-mini-cart-items"
/>
</div>
);

11
plugins/woocommerce-blocks/assets/js/blocks/cart-checkout/mini-cart/style.scss
View File

@ -100,7 +100,7 @@ h2.wc-block-mini-cart__title {
flex-direction: column;
flex-grow: 1;
overflow-y: hidden;
padding: 0 $gap;
padding: $gap $gap 0;
.wc-block-mini-cart__products-table {
margin-bottom: auto;
@ -108,8 +108,13 @@ h2.wc-block-mini-cart__title {
overflow-y: auto;
padding-right: $gap;
.wc-block-cart-items__row:last-child::after {
content: none;
.wc-block-cart-items__row {
padding-top: $gap-smaller;
padding-bottom: $gap-smaller;
&:last-child::after {
content: none;
}
}
}
}