diff --git a/alfa-client/libs/design-system/src/lib/instant-search/instant-search/instant-search.component.ts b/alfa-client/libs/design-system/src/lib/instant-search/instant-search/instant-search.component.ts index b4e2dd528d8ec6f2b894b51802ec22581bd01f61..0583b7b70b8c156b93e74e768bb22fddaeb308e0 100644 --- a/alfa-client/libs/design-system/src/lib/instant-search/instant-search/instant-search.component.ts +++ b/alfa-client/libs/design-system/src/lib/instant-search/instant-search/instant-search.component.ts @@ -48,7 +48,7 @@ import { InstantSearchQuery, InstantSearchResult } from './instant-search.model' <ods-aria-live-region [text]="ariaLiveText" /> <ods-search-result-layer *ngIf="results.length && areResultsVisible" - class="absolute z-50 mt-3 w-full" + containerClass="absolute z-50 mt-3 max-h-[calc(50vh)] w-full overflow-y-auto" id="results" > <ods-search-result-header diff --git a/alfa-client/libs/design-system/src/lib/instant-search/search-result-layer/search-result-layer.component.ts b/alfa-client/libs/design-system/src/lib/instant-search/search-result-layer/search-result-layer.component.ts index 971e06b585e2292b36be429b6972ba91090ccaa0..f06c873fc8e184fa6eb56a399e67a39633bf95da 100644 --- a/alfa-client/libs/design-system/src/lib/instant-search/search-result-layer/search-result-layer.component.ts +++ b/alfa-client/libs/design-system/src/lib/instant-search/search-result-layer/search-result-layer.component.ts @@ -1,15 +1,22 @@ import { CommonModule } from '@angular/common'; -import { Component } from '@angular/core'; +import { Component, Input } from '@angular/core'; @Component({ selector: 'ods-search-result-layer', standalone: true, imports: [CommonModule], - template: `<div class="rounded-lg border border-primary-600/50 bg-background-50 shadow-lg"> + template: `<div + [ngClass]="[ + 'rounded-lg border border-primary-600/50 bg-background-50 shadow-lg', + containerClass, + ]" + > <ng-content select="[header]" /> <ul role="list"> <ng-content /> </ul> </div>`, }) -export class SearchResultLayerComponent {} +export class SearchResultLayerComponent { + @Input() containerClass: string = ''; +}