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

[Accessibility] Add focus indicator to image on product card (#52011) 

* Add focus indicator to image on product card

* Add changelog file

* Fix product image focus outline on Storefront theme

* Fix product image focus outline for the T17 theme
This commit is contained in:
Gabriel Manussakis 2024-11-11 08:01:31 -03:00 committed by GitHub
parent 6d1ac3cacd
commit 7fa6c5aed2
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
plugins/woocommerce-blocks/assets/js/atomic/blocks/product-elements/image/style.scss
View File

@ -8,8 +8,8 @@
border-radius: inherit; border-radius: inherit;
text-decoration: none; text-decoration: none;
border: 0; border: 0;
outline: 0;
box-shadow: none; box-shadow: none;
display: block;
} }
img { img {

4
plugins/woocommerce/changelog/fix-51839 Normal file
View File

@ -0,0 +1,4 @@
Significance: patch
Type: fix
Add focus indicator to image on product card

4
plugins/woocommerce/client/legacy/css/twenty-seventeen.scss
View File

@ -169,6 +169,10 @@ ul.products {
li.product { li.product {
list-style: none; list-style: none;
.woocommerce-loop-product__link {
display: block;
}
.price, .price,
.star-rating { .star-rating {
display: block; display: block;