mirror of
https://github.com/goharbor/harbor
synced 2024-09-20 11:35:36 +00:00
Fixed the ui bug of banner coming over the search result container (#20871)
Signed-off-by: kunal-511 <yoyokvunal@gmail.com>
This commit is contained in:
parent
44284ac6c7
commit
146443e4d7
|
@ -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 id="placeholder1"></div>
|
||||||
<div class="search-header">
|
<div class="search-header">
|
||||||
<a href="javascript:void(0)" (click)="close()"
|
<a href="javascript:void(0)" (click)="close()"
|
||||||
|
|
|
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -8,7 +8,6 @@
|
||||||
z-index: 999;
|
z-index: 999;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
background: #fafafa;
|
background: #fafafa;
|
||||||
top: 60px;
|
|
||||||
left: 0;
|
left: 0;
|
||||||
padding-left: 36px;
|
padding-left: 36px;
|
||||||
padding-right: 36px;
|
padding-right: 36px;
|
||||||
|
|
Loading…
Reference in New Issue
Block a user