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

Update add product task bottom section UI (#50580) 

* Update add product task bottom section UI

* Add changelog
This commit is contained in:
Chi-Hsuan Huang 2024-08-13 13:02:50 +08:00 committed by GitHub
parent 30e3e3cd6d
commit 49e11aa25b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 20 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
plugins/woocommerce-admin/client/task-lists/fills/products/constants.tsx
View File

@ -82,9 +82,6 @@ export const PrintfulAdvertProductPlacement = {
title: (
<span className="printful-sponsored__text">
{ __( 'Print-on-demand products', 'woocommerce' ) }
<div className="woocommerce-label">
{ __( 'Promoted', 'woocommerce' ) }
</div>
</span>
),
content: __(
@ -99,7 +96,11 @@ export const PrintfulAdvertProductPlacement = {
src={ PrintfulIcon }
/>
),
after: <Icon icon={ chevronRight } />,
after: (
<div className="woocommerce-label">
{ __( 'Promoted', 'woocommerce' ) }
</div>
),
onClick: () => {
recordEvent( 'tasklist_product_printful_advert_click' );
window.open( 'https://woocommerce.com/products/printful', '_blank' );
@ -116,7 +117,7 @@ export const ImportCSVItem = {
content: __( 'Import your products from a CSV file.', 'woocommerce' ),
className: 'woocommerce-products-list__item-advert',
before: <Upload />,
after: <Icon icon={ chevronRight } />,
after: null,
onClick: () => {
recordEvent( 'tasklist_add_product', {
method: 'import',

18
plugins/woocommerce-admin/client/task-lists/fills/products/stack.scss
View File

@ -57,17 +57,19 @@
flex-direction: row;
align-items: center;
gap: 8px;
.woocommerce-label {
background-color: rgba(var(--wp-admin-theme-color--rgb), 0.1);
color: var(--wp-admin-theme-color, #000);
border-radius: 2px;
padding: 4px 8px;
font-weight: 400;
}
}
}
.woocommerce-label {
background-color: rgba(var(--wp-admin-theme-color--rgb), 0.1);
color: var(--wp-admin-theme-color, #000);
border-radius: 2px;
padding: 4px 8px;
font-size: 12px;
font-weight: 400;
line-height: 16px; /* 133.333% */
}
}
}

4
plugins/woocommerce/changelog/update-product-task Normal file
View File

@ -0,0 +1,4 @@
Significance: patch
Type: update
Update add product task button section UI