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

Quantity badge white separator + center tweak (https://github.com/woocommerce/woocommerce-blocks/pull/2347) 

* add extra white border to quantity badge

* nudge checkout quantity badge so it's roughly centered with image corner
This commit is contained in:
Rua Haszard 2020-04-29 21:22:12 +12:00 committed by GitHub
parent a58420a60e
commit 1b596b94dc
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -71,12 +71,15 @@
background: #fff; background: #fff;
border: 2px solid currentColor; border: 2px solid currentColor;
border-radius: 50%; border-radius: 50%;
// Use box-shadow to apply an extra border to the quantity.
// This distinguishes it from the product image.
box-shadow: 0 0 0 2px #fff;
display: flex; display: flex;
min-height: 22px; min-height: 22px;
position: absolute; position: absolute;
justify-content: center; justify-content: center;
right: -6px; right: -11px;
top: #{$gap - 6px}; top: #{$gap - 11px};
min-width: 22px; min-width: 22px;
} }