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

[Accessibility] Improve hover style on product tabs (#50605) 

* Make hover status style like active

* Add changelog file

* Update changelog message

Co-authored-by: Albert Juhé Lluveras <aljullu@gmail.com>

---------

Co-authored-by: Albert Juhé Lluveras <aljullu@gmail.com>
This commit is contained in:
Gabriel Manussakis 2024-08-14 10:56:19 -03:00 committed by GitHub
parent 474eae1135
commit f3a1281cd0
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 6 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
plugins/woocommerce-blocks/assets/js/atomic/blocks/product-elements/product-details/style.scss
View File

@ -41,16 +41,7 @@ html body .wp-block-woocommerce-product-details.is-style-minimal {
display: inline-block;
}
&:hover {
opacity: 1;
a {
color: inherit;
border: none;
text-decoration: none;
}
}
&:hover,
&.active {
color: inherit;
background: inherit;
@ -68,6 +59,7 @@ html body .wp-block-woocommerce-product-details.is-style-minimal {
display: block;
border-left-width: 2px;
border-bottom-width: 0;
margin-bottom: 2px;
}
&:first-child {

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

@ -0,0 +1,4 @@
Significance: patch
Type: enhancement
Improve hover style on product tabs when using the Minimal style in the Product Details block