From fcc10d38e2d6edd881dc7d7d8d1d34ce7ab44ef0 Mon Sep 17 00:00:00 2001
From: kunal-511 <yoyokvunal@gmail.com>
Date: Thu, 22 Aug 2024 22:57:46 +0530
Subject: [PATCH] Fixed the ui bug of banner coming over the search result
 container

Signed-off-by: kunal-511 <yoyokvunal@gmail.com>
---
 .../components/global-search/search-result.component.html  | 2 +-
 .../components/global-search/search-result.component.ts    | 7 +++++++
 .../shared/components/global-search/search.component.scss  | 1 -
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/portal/src/app/shared/components/global-search/search-result.component.html b/src/portal/src/app/shared/components/global-search/search-result.component.html
index 240891d047ff..b05652ea6d43 100644
--- a/src/portal/src/app/shared/components/global-search/search-result.component.html
+++ b/src/portal/src/app/shared/components/global-search/search-result.component.html
@@ -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()"
diff --git a/src/portal/src/app/shared/components/global-search/search-result.component.ts b/src/portal/src/app/shared/components/global-search/search-result.component.ts
index f5a32850130c..2ab5d4afc1a4 100644
--- a/src/portal/src/app/shared/components/global-search/search-result.component.ts
+++ b/src/portal/src/app/shared/components/global-search/search-result.component.ts
@@ -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;
+    }
 }
diff --git a/src/portal/src/app/shared/components/global-search/search.component.scss b/src/portal/src/app/shared/components/global-search/search.component.scss
index 4757a4a16508..bb5c00fdb66b 100644
--- a/src/portal/src/app/shared/components/global-search/search.component.scss
+++ b/src/portal/src/app/shared/components/global-search/search.component.scss
@@ -8,7 +8,6 @@
     z-index: 999;
     box-sizing: border-box;
     background: #fafafa;
-    top: 60px;
     left: 0;
     padding-left: 36px;
     padding-right: 36px;