Fix Cart and Checkout sidebar styling issues #2694
Conversation
.wc-block-shipping-rates-control { | ||
.wc-block-shipping-rates-control__package.components-panel__body { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The class .components-panel__body
was used by the Panel
component from @wordpress/components
. Since we migrated to our own Panel
component which has different classes, all the code below was dead code and can be safely removed.
Size Change: +485 B (0%) Total Size: 1.57 MB
ℹ️ View Unchanged
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This fixes the issues mentioned but I'm not really sure about the step title height being reduced, the text feels squeezed now, especially in 2020, maybe we can solve this another way? It's not really a huge deal, also we could give step titles margin-bottom to even out the missing spacing while keeping the alignment.
Thanks for reviewing @senadir. Good point with the titles. I think we want to inherit the line-height from the theme, so I wouldn't undo that. But taking a look at the new designs, it looks like the margins should be a bit bigger now than they were before. I updated them in 17f629c and this is how it looks now: |
yeah, that should fix it. |
Fixes #2503.
Fixes #2658.
Fixes #2663.
Fixes #2692.
Fixes #2693.
How to test the changes in this Pull Request:
#2503
#2658
#2663
Fixing this, made the Checkout headers not to be aligned when there are no express payment methods. This has been fixed in 185610e, but would be worth testing it too.
#2692
#2693
Changelog