[Woo POS] Fix clipping issues

[backwardstruck]

This issue is to address all clipping issues mentioned in P2 for POS. More context here

Design. Products Screen bottom This shadow should be clipped to the line. If this is too technically difficult, please just have the second transport dark line instead.

❓ Design. Products Screen bottom Adding a product causes the clipping to break briefly. This looks better when the other views are fixed.

❓ Design. Products Screen bottom This shadow also needs to be clipped at the top.

❓ Design. Checkout Screen bottom Something is clipping the cards/shadows here before the edge of the screen.

[dangermattic]

🚫 Please add a type label (e.g. type: enhancement) and a feature label (e.g. feature: stats) to this issue.

[backwardstruck]

[backwardstruck]

@joe-keenan as far as I can tell, this other issue listed is already fixed:

"❓ Design. Checkout Screen bottom Something is clipping the cards/shadows here before the edge of the screen."

Here's a screenshot of my PR:

[joe-keenan]

Hey @backwardstruck, the screenshot in your comment shows the products/cart screen, but my comment was referring to the cart/checkout screen. I think what’s happening is that the white background behind the “Check out” button doesn’t entirely disappear when the cart transitions.

[backwardstruck]

Hey @backwardstruck, the screenshot in your comment shows the products/cart screen, but my comment was referring to the cart/checkout screen. I think what’s happening is that the white background behind the “Check out” button doesn’t entirely disappear when the cart transitions.

Sorry, you're right. I shouldn't have cropped that screenshot so closely. In that case this should probably be a separate ticket. Thanks for the additional info. To me it looks like we fixed that when we removed some of the Compose views that were nested there. Let me know if it's still not right.

Here's how trunk looks on the cart/checkout screen:

[joe-keenan]

That looks like it’s been fixed. Thanks for posting it here!