diff --git a/ui.apps/src/main/content/jcr_root/apps/venia/components/commerce/productlist/.content.xml b/ui.apps/src/main/content/jcr_root/apps/venia/components/commerce/productlist/.content.xml index 403be4e2..8af48bd5 100644 --- a/ui.apps/src/main/content/jcr_root/apps/venia/components/commerce/productlist/.content.xml +++ b/ui.apps/src/main/content/jcr_root/apps/venia/components/commerce/productlist/.content.xml @@ -3,5 +3,5 @@ jcr:description="Product List Component" jcr:primaryType="cq:Component" jcr:title="Product List" - sling:resourceSuperType="core/cif/components/commerce/productlist/v1/productlist" + sling:resourceSuperType="core/cif/components/commerce/productlist/v2/productlist" componentGroup="Venia - Commerce"/> diff --git a/ui.frontend/src/main/site/_variables.scss b/ui.frontend/src/main/site/_variables.scss index fc83da69..0438ee70 100644 --- a/ui.frontend/src/main/site/_variables.scss +++ b/ui.frontend/src/main/site/_variables.scss @@ -12,6 +12,7 @@ $venia-font: Muli, -apple-system, BlinkMacSystemFont, sans-serif; $venia-grey: rgb(246, 246, 246); $venia-grey-dark: rgb(209, 209, 209); $venia-orange: rgb(241, 99, 33); +$venia-staged: rgb(249, 170, 128); $venia-teal: rgb(0, 115, 120); $venia-teal-alt: rgb(224, 240, 241); $venia-teal-dark: rgb(0, 104, 108); diff --git a/ui.frontend/src/main/styles/commerce/_product.scss b/ui.frontend/src/main/styles/commerce/_product.scss index 236d53c5..d4901882 100644 --- a/ui.frontend/src/main/styles/commerce/_product.scss +++ b/ui.frontend/src/main/styles/commerce/_product.scss @@ -423,7 +423,7 @@ tr:nth-child(even) { .productFullDetail__staged { grid-column: span 2; - background-color: #f0f0f0; + background-color: $venia-staged; padding: 2px 5px; } diff --git a/ui.frontend/src/main/styles/commerce/_productlist.scss b/ui.frontend/src/main/styles/commerce/_productlist.scss index 16a6e5da..d2fc6dbb 100644 --- a/ui.frontend/src/main/styles/commerce/_productlist.scss +++ b/ui.frontend/src/main/styles/commerce/_productlist.scss @@ -113,6 +113,14 @@ padding: 0 0.5rem 0.5rem 0.5rem; } +.category__staged, .item__staged { + background-color: $venia-staged; + padding: 5px 5px; + margin: 0 auto 5px; + text-align: center; + width: 150px; +} + .category__pagination { position: -webkit-sticky; position: sticky;