upstream/harbor
1
0
Fork 0
mirror of https://github.com/goharbor/harbor synced 2024-09-20 11:25:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixed the ui bug of banner coming over the search result container (#20871)

Browse Source 
Signed-off-by: kunal-511 <yoyokvunal@gmail.com>
This commit is contained in:
kunal Dugar 2024-08-28 08:00:20 +05:30 committed by GitHub
parent 44284ac6c7
commit 146443e4d7
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/portal/src/app/shared/components/global-search/search-result.component.html
View File

@ -1,4 +1,4 @@
<div class="search-overlay" *ngIf="state">
<div [style.top.px]="getTopValue()" class="search-overlay" *ngIf="state">
<div id="placeholder1"></div>
<div class="search-header">
<a href="javascript:void(0)" (click)="close()"

7
src/portal/src/app/shared/components/global-search/search-result.component.ts
View File

@ -176,4 +176,11 @@ export class SearchResultComponent implements OnInit, OnDestroy {
}
);
}
getTopValue(): number {
const headerHeight: number =
document.querySelector('navigator')?.clientHeight || 0;
const bannerHeight: number =
document.querySelector('app-app-level-alerts')?.clientHeight || 0;
return headerHeight + bannerHeight;
}
}

1
src/portal/src/app/shared/components/global-search/search.component.scss
View File

@ -8,7 +8,6 @@
z-index: 999;
box-sizing: border-box;
background: #fafafa;
top: 60px;
left: 0;
padding-left: 36px;
padding-right: 36px;