sxhundred/ISA-Frontend
1
0
Fork 0
mirror of https://dev.azure.com/hugendubel/ISA/_git/ISA-Frontend synced 2025-12-28 22:42:11 +01:00
Code Issues Packages Projects Releases Wiki Activity

MaxBufferSize Update Result List Page Catalog

Browse Source
This commit is contained in:
Nino
2023-11-30 18:15:58 +01:00
parent c4dd9214a3
commit e56ea0bd4e
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
apps/page/catalog/src/lib/article-search/search-results/search-results.component.html
View File

@@ -51,7 +51,6 @@
#scrollContainer
class="product-list h-full"
[itemSize]="(primaryOutletActive$ | async) ? 98 : 181"
minBufferPx="1200"
[maxBufferPx]="maxBufferCdkScrollContainer$ | async"
(scrolledIndexChange)="scrolledIndexChange($event)"
>

7
apps/page/catalog/src/lib/article-search/search-results/search-results.component.ts
View File

@@ -95,12 +95,13 @@ export class ArticleSearchResultsComponent implements OnInit, OnDestroy, AfterVi
// Ticket #4169 Splitscreen
// Render genug Artikel um bei Navigation auf Trefferliste | PDP zum angewählten Artikel zu Scrollen
maxBufferCdkScrollContainer$ = this.results$.pipe(
withLatestFrom(this.primaryOutletActive$),
map(([results, primaryOutlet]) => {
if (!primaryOutlet && results?.length > 0) {
map((results) => {
if (this._environment.matchDesktop() && this.route.outlet === 'side' && results?.length > 0) {
// Splitscreen mode: Items Length * Item Pixel Height
const maxBufferSize = results.length * 181;
return maxBufferSize >= 1200 ? maxBufferSize : 1200;
} else if (this._environment.matchTablet()) {
return 500;
} else {
return 1200;
}