diff --git a/src/app/features/website/user-experience/compare/components/compare-table.component.html b/src/app/features/website/user-experience/compare/components/compare-table.component.html
index 29a640a..487790d 100644
--- a/src/app/features/website/user-experience/compare/components/compare-table.component.html
+++ b/src/app/features/website/user-experience/compare/components/compare-table.component.html
@@ -16,7 +16,16 @@
| {{ row.label }} |
@for (value of row.values; track $index) {
- {{ value }} |
+
+ @if (row.key === 'color' && value !== '—') {
+
+
+ {{ value }}
+
+ } @else {
+ {{ value }}
+ }
+ |
}
}
diff --git a/src/app/features/website/user-experience/compare/components/compare-table.component.scss b/src/app/features/website/user-experience/compare/components/compare-table.component.scss
index 3d5a534..a62f27d 100644
--- a/src/app/features/website/user-experience/compare/components/compare-table.component.scss
+++ b/src/app/features/website/user-experience/compare/components/compare-table.component.scss
@@ -46,6 +46,20 @@
background: color-mix(in srgb, var(--warning-color) 9%, white);
}
+.compare-colour-value {
+ display: inline-flex;
+ align-items: center;
+ gap: 8px;
+}
+
+.compare-colour-swatch {
+ width: 16px;
+ height: 16px;
+ flex-shrink: 0;
+ border: 1px solid var(--border-color);
+ border-radius: 50%;
+}
+
@media (max-width: 640px) {
.compare-table th,
.compare-table td {
diff --git a/src/app/widgets/ui/product-carousel-widget.component.ts b/src/app/widgets/ui/product-carousel-widget.component.ts
index 5054a80..107fba5 100644
--- a/src/app/widgets/ui/product-carousel-widget.component.ts
+++ b/src/app/widgets/ui/product-carousel-widget.component.ts
@@ -62,10 +62,12 @@ import { ProductCollectionWidgetData } from '../contracts/widget-data.contract';
display: flex;
align-items: center;
gap: 8px;
+ min-width: 0;
}
.product-carousel-widget__scroller {
flex: 1;
+ min-width: 0;
overflow-x: auto;
scroll-behavior: smooth;
scrollbar-width: none;
diff --git a/src/assets/mock/bootstrap/bootstrap.json b/src/assets/mock/bootstrap/bootstrap.json
index 31e9ef3..78afc50 100644
--- a/src/assets/mock/bootstrap/bootstrap.json
+++ b/src/assets/mock/bootstrap/bootstrap.json
@@ -320,7 +320,7 @@
"en": "About Us",
"hy": "Մեր մասին"
},
- "content": {
+ "html": {
"ru": "О компании
Marketplace — мультиарендная B2B commerce-платформа.
",
"en": "About Us
Marketplace is a multi-tenant B2B commerce platform.
",
"hy": "Մեր մասին
Marketplace-ը բազմավարձակալ B2B առևտրային հարթակ է։
"
@@ -333,7 +333,7 @@
"en": "Privacy Policy",
"hy": "Գաղտնիության քաղաքականություն"
},
- "content": {
+ "html": {
"ru": "Политика конфиденциальности
Мы обрабатываем только необходимые данные.
",
"en": "Privacy Policy
We process only the data required for service operations.
",
"hy": "Գաղտնիության քաղաքականություն
Մենք մշակում ենք միայն ծառայության համար անհրաժեշտ տվյալները։
"
@@ -346,7 +346,7 @@
"en": "Terms of Service",
"hy": "Օգտագործման պայմաններ"
},
- "content": {
+ "html": {
"ru": "Условия использования
Использование платформы регулируется публичной офертой.
",
"en": "Terms of Service
Platform usage is governed by public offer terms.
",
"hy": "Օգտագործման պայմաններ
Հարթակի օգտագործումը կարգավորվում է հրապարակային առաջարկի պայմաններով։
"