Skip to content
Snippets Groups Projects
Commit a517e9f9 authored by OZGCloud's avatar OZGCloud
Browse files

OZG-6301 OZG-6525 Add scrollbar to search results

parent b58cb0e5
Branches
Tags
No related merge requests found
...@@ -48,7 +48,7 @@ import { InstantSearchQuery, InstantSearchResult } from './instant-search.model' ...@@ -48,7 +48,7 @@ import { InstantSearchQuery, InstantSearchResult } from './instant-search.model'
<ods-aria-live-region [text]="ariaLiveText" /> <ods-aria-live-region [text]="ariaLiveText" />
<ods-search-result-layer <ods-search-result-layer
*ngIf="results.length && areResultsVisible" *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" id="results"
> >
<ods-search-result-header <ods-search-result-header
......
import { CommonModule } from '@angular/common'; import { CommonModule } from '@angular/common';
import { Component } from '@angular/core'; import { Component, Input } from '@angular/core';
@Component({ @Component({
selector: 'ods-search-result-layer', selector: 'ods-search-result-layer',
standalone: true, standalone: true,
imports: [CommonModule], 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]" /> <ng-content select="[header]" />
<ul role="list"> <ul role="list">
<ng-content /> <ng-content />
</ul> </ul>
</div>`, </div>`,
}) })
export class SearchResultLayerComponent {} export class SearchResultLayerComponent {
@Input() containerClass: string = '';
}
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment