diff --git a/plugins/woocommerce-blocks/assets/js/blocks/product-collection/edit/editor.scss b/plugins/woocommerce-blocks/assets/js/blocks/product-collection/edit/editor.scss index 0cca8f99910..63ecbc2f692 100644 --- a/plugins/woocommerce-blocks/assets/js/blocks/product-collection/edit/editor.scss +++ b/plugins/woocommerce-blocks/assets/js/blocks/product-collection/edit/editor.scss @@ -155,9 +155,16 @@ $max-button-width: calc(100% / #{$max-button-columns}); font-family: var(--wp--preset--font-family--system-sans-serif); border-bottom-left-radius: 0; border-bottom-right-radius: 0; + cursor: default; &.is-primary:focus:not(:disabled) { outline: none; box-shadow: none; } + + &:hover.is-primary:not(:disabled), + &:active.is-primary:not(:disabled) { + background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + color: var(--wp-components-color-accent-inverted, #fff); + } } diff --git a/plugins/woocommerce/changelog/50612-fix-preview-button-cursor b/plugins/woocommerce/changelog/50612-fix-preview-button-cursor new file mode 100644 index 00000000000..fd0ed82e8c4 --- /dev/null +++ b/plugins/woocommerce/changelog/50612-fix-preview-button-cursor @@ -0,0 +1,4 @@ +Significance: patch +Type: enhancement + +Product Collection - Change cursor style of preview button to default \ No newline at end of file diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index ba9c57b2754..e9292ed37a9 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -21727,7 +21727,7 @@ packages: engines: {node: '>=18'} hasBin: true peerDependencies: - react: ^17.0.2 + react: 18.2.0 react-number-format@4.9.3: resolution: {integrity: sha512-am1A1xYAbENuKJ+zpM7V+B1oRTSeOHYltqVKExznIVFweBzhLmOBmyb1DfIKjHo90E0bo1p3nzVJ2NgS5xh+sQ==} @@ -21932,7 +21932,7 @@ packages: react-with-direction@1.4.0: resolution: {integrity: sha512-ybHNPiAmaJpoWwugwqry9Hd1Irl2hnNXlo/2SXQBwbLn/jGMauMS2y9jw+ydyX5V9ICryCqObNSthNt5R94xpg==} peerDependencies: - react: ^17.0.2 + react: ^0.14 || ^15 || ^16 react-dom: ^0.14 || ^15 || ^16 react-with-styles-interface-css@4.0.3: