-
-
-
+
+
+
+ {{ 'catalog.options' | translate }}:
+ {{ option.name }}
+
+
+
+
+
+
+
+
diff --git a/admin-ui/src/app/catalog/components/product-variants-list/product-variants-list.component.scss b/admin-ui/src/app/catalog/components/product-variants-list/product-variants-list.component.scss
index c486cd20af..71f9afbd6e 100644
--- a/admin-ui/src/app/catalog/components/product-variants-list/product-variants-list.component.scss
+++ b/admin-ui/src/app/catalog/components/product-variants-list/product-variants-list.component.scss
@@ -24,9 +24,13 @@
flex-wrap: wrap;
}
+ .variant-body {
+ display: flex;
+ }
+
.details {
display: flex;
- margin-left: 12px;
+ // margin-left: 12px;
> div {
margin-right: 12px;
}
@@ -40,6 +44,16 @@
}
}
+ .variant-form-input-row {
+ display: flex;
+ flex-wrap: wrap;
+ margin: 0 6px 24px 24px;
+
+ > * {
+ margin-right: 12px;
+ }
+ }
+
.flex-spacer {
flex: 1;
}
@@ -53,20 +67,16 @@
align-items: center;
}
- .row {
- display: flex;
- }
-
- .assets {
- margin-right: 12px;
- }
-
.pricing {
display: flex;
> div {
margin-right: 12px;
}
}
+
+ .options-facets {
+ display: flex;
+ }
}
@media screen and (max-width: $breakpoint-small){
diff --git a/admin-ui/src/app/catalog/components/product-variants-list/product-variants-list.component.ts b/admin-ui/src/app/catalog/components/product-variants-list/product-variants-list.component.ts
index 56972f7423..57f5a4c62c 100644
--- a/admin-ui/src/app/catalog/components/product-variants-list/product-variants-list.component.ts
+++ b/admin-ui/src/app/catalog/components/product-variants-list/product-variants-list.component.ts
@@ -36,6 +36,7 @@ export class ProductVariantsListComponent implements OnChanges, OnInit, OnDestro
@Input() facets: FacetWithValues.Fragment[];
@Output() assetChange = new EventEmitter
();
@Output() selectionChange = new EventEmitter();
+ @Output() selectFacetValueClick = new EventEmitter();
selectedVariantIds: string[] = [];
private facetValues: FacetValue.Fragment[];
private formSubscription: Subscription;