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": "

Օգտագործման պայմաններ

Հարթակի օգտագործումը կարգավորվում է հրապարակային առաջարկի պայմաններով։

"