add cursor:pointer to checkbox and radio fields (https://github.com/woocommerce/woocommerce-blocks/pull/9102)

Co-authored-by: Paulo Arromba <17236129+wavvves@users.noreply.github.com>
This commit is contained in:
Siddharth Thevaril 2023-04-20 11:10:02 +05:30 committed by GitHub
parent 32f43e3d84
commit b3acdea73c
2 changed files with 7 additions and 0 deletions

View File

@ -4,6 +4,7 @@
margin: em($gap) 0; margin: em($gap) 0;
padding: 0 0 0 em($gap-larger); padding: 0 0 0 em($gap-larger);
position: relative; position: relative;
cursor: pointer;
&:first-child { &:first-child {
margin-top: 0; margin-top: 0;
@ -70,6 +71,7 @@
left: 0; left: 0;
top: 50%; top: 50%;
transform: translate(0, -50%); transform: translate(0, -50%);
cursor: pointer;
&:checked::before { &:checked::before {
background: #000; background: #000;

View File

@ -6,7 +6,12 @@
align-items: flex-start; align-items: flex-start;
display: flex; display: flex;
position: relative; position: relative;
cursor: pointer;
@include font-size(small); @include font-size(small);
input[type="checkbox"] {
cursor: inherit;
}
} }
.wc-block-components-checkbox__input[type="checkbox"] { .wc-block-components-checkbox__input[type="checkbox"] {