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

Increase shipping/payment borders to prevent half pixel issues on high-resolution screens (#46525) 

* Replace pixel box shadow with em to prevent half pixels

* Add changelog

* Apply 2px border

* Make padding around shipping options bigger
This commit is contained in:
Thomas Roberts 2024-04-16 09:50:54 +01:00 committed by GitHub
parent 92dcb889b4
commit fb481bdce5
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
plugins/woocommerce-blocks/assets/js/blocks/checkout/inner-blocks/checkout-shipping-methods-block/style.scss
View File

@ -1,7 +1,7 @@
.wc-block-checkout__shipping-option {
.wc-block-components-radio-control__option {
margin: 0;
padding: em($gap-small) em($gap-small) em($gap-small) em($gap-huge);
padding: 0.875em 0.875em 0.875em em($gap-huge);
}
.wc-block-components-shipping-rates-control__no-results-notice {

2
plugins/woocommerce-blocks/packages/components/radio-control/style.scss
View File

@ -35,7 +35,7 @@
// and right of the selected element, and top and bottom of the first/last elements.
label.wc-block-components-radio-control__option--checked-option-highlighted,
.wc-block-components-radio-control-accordion-option--checked-option-highlighted {
box-shadow: 0 0 0 1.5px currentColor inset;
box-shadow: 0 0 0 2px currentColor inset;
border-radius: 4px;
}

5
plugins/woocommerce/changelog/fix-half-pixel-borders Normal file
View File

@ -0,0 +1,5 @@
Significance: patch
Type: fix
Comment: Fixes an issue on high-res screens. The bug was not present in any released version