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

Product Gallery block: Fix incorrect icon color when block is selected (https://github.com/woocommerce/woocommerce-blocks/pull/10426) 

* Fix incorrect icon color when Product Gallery is selected

* Fix incorrect icon color when block is selected

* Remove unnecessary style

* Fix icon alignment

* Fix alignment for the icon

* Fix icon alignment
This commit is contained in:
Alexandre Lara 2023-08-11 11:59:35 -03:00 committed by GitHub
parent 70c1a70243
commit f9ee3cfd70
1 changed files with 23 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
plugins/woocommerce-blocks/assets/js/blocks/product-gallery/icon.tsx
View File

@ -1,35 +1,34 @@
const Icon = () => (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none">
<rect width="24" height="24" fill="none" rx="2" />
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
fill="#000"
d="M19 3H5c-.6 0-1 .4-1 1v7c0 .5.4 1 1 1h14c.5 0 1-.4 1-1V4c0-.6-.4-1-1-1ZM5.5 10.5v-.4l1.8-1.3 1.3.8c.3.2.7.2.9-.1L11 8.1l2.4 2.4H5.5Zm13 0h-2.9l-4-4c-.3-.3-.8-.3-1.1 0L8.9 8l-1.2-.8c-.3-.2-.6-.2-.9 0l-1.3 1V4.5h13v6Z"
d="M19 3H5C4.4 3 4 3.4 4 4V11C4 11.5 4.4 12 5 12H19C19.5 12 20 11.6 20 11V4C20 3.4 19.6 3 19 3ZM5.5 10.5V10.1L7.3 8.8L8.6 9.6C8.9 9.8 9.3 9.8 9.5 9.5L11 8.1L13.4 10.5H5.5ZM18.5 10.5H15.6L11.6 6.5C11.3 6.2 10.8 6.2 10.5 6.5L8.9 8L7.7 7.2C7.4 7 7.1 7 6.8 7.2L5.5 8.2V4.5H18.5V10.5Z"
fill="currentColor"
/>
<mask id="a" fill="#fff">
<rect width="6" height="5.5" x="4" y="14.5" rx="1" />
</mask>
<rect
width="6"
height="5.5"
x="4"
y="14.5"
stroke="#000"
strokeWidth="3"
mask="url(#a)"
x="4.75"
y="15.5"
width="5"
height="4.5"
rx="1"
stroke="currentColor"
strokeWidth="1.5"
fill="none"
/>
<mask id="b" fill="#fff">
<rect width="6" height="5.5" x="11" y="14.5" rx="1" />
</mask>
<rect
width="6"
height="5.5"
x="11"
y="14.5"
stroke="#000"
strokeWidth="3"
mask="url(#b)"
x="12.25"
y="15.5"
width="5"
height="4.5"
rx="1"
stroke="currentColor"
strokeWidth="1.5"
fill="none"
/>
</svg>
);