From b63781ee02b901b98c2636a0cf6276c9014d57ca Mon Sep 17 00:00:00 2001
From: Atefeh Mohseni Ejiyeh <atefeh.mohseni-ejiyeh@harness.io>
Date: Tue, 14 Jan 2025 16:32:02 +0000
Subject: [PATCH] feat: [CODE-2819]: Reposition Search Box for Archived Repos
 (#3255)

---
 .../ContentHeader/ContentHeader.module.scss                  | 5 +++++
 .../ContentHeader/ContentHeader.module.scss.d.ts             | 1 +
 .../RepositoryContent/ContentHeader/ContentHeader.tsx        | 2 +-
 3 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/web/src/pages/Repository/RepositoryContent/ContentHeader/ContentHeader.module.scss b/web/src/pages/Repository/RepositoryContent/ContentHeader/ContentHeader.module.scss
index 4eda2c080..64ff372fc 100644
--- a/web/src/pages/Repository/RepositoryContent/ContentHeader/ContentHeader.module.scss
+++ b/web/src/pages/Repository/RepositoryContent/ContentHeader/ContentHeader.module.scss
@@ -100,6 +100,11 @@
   }
 }
 
+// to make space between the Archive banner and search box
+.searchBoxPositionArchivedRepo {
+  top: -70px !important;
+}
+
 .mainBorder {
   border-bottom: 1px solid var(--grey-200) !important;
 }
diff --git a/web/src/pages/Repository/RepositoryContent/ContentHeader/ContentHeader.module.scss.d.ts b/web/src/pages/Repository/RepositoryContent/ContentHeader/ContentHeader.module.scss.d.ts
index 83aab27c0..4d48e7734 100644
--- a/web/src/pages/Repository/RepositoryContent/ContentHeader/ContentHeader.module.scss.d.ts
+++ b/web/src/pages/Repository/RepositoryContent/ContentHeader/ContentHeader.module.scss.d.ts
@@ -23,3 +23,4 @@ export declare const mainContainer: string
 export declare const refRoot: string
 export declare const rootSlash: string
 export declare const searchBoxCtn: string
+export declare const searchBoxPositionArchivedRepo: string
diff --git a/web/src/pages/Repository/RepositoryContent/ContentHeader/ContentHeader.tsx b/web/src/pages/Repository/RepositoryContent/ContentHeader/ContentHeader.tsx
index a7cd7c104..5858753d8 100644
--- a/web/src/pages/Repository/RepositoryContent/ContentHeader/ContentHeader.tsx
+++ b/web/src/pages/Repository/RepositoryContent/ContentHeader/ContentHeader.tsx
@@ -169,7 +169,7 @@ export function ContentHeader({
           </>
         )}
       </Layout.Horizontal>
-      <div className={css.searchBoxCtn}>
+      <div className={cx(css.searchBoxCtn, { [css.searchBoxPositionArchivedRepo]: repoMetadata?.archived })}>
         {!standalone && !isCurrentSessionPublic ? <CodeSearch repoMetadata={repoMetadata} /> : null}
       </div>
     </Container>