CIF-1965 - Show staged flag in productlist component (#118)

* use productlist v2 component * update css for consistent "staged" flag in product and productlist
adobe · Jun 9, 2021 · 7a2ba22 · 7a2ba22
1 parent 942e2ab
commit 7a2ba22
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 2 deletions.
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
@@ -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
@@ -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
@@ -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
@@ -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;