From b678e39d06f062098ec7b4d8e93f3d63efbfc0ba Mon Sep 17 00:00:00 2001 From: Taha Zaryab Date: Thu, 2 Feb 2023 17:36:00 -0500 Subject: [PATCH 1/4] Update styled positions for app/interview header to be vertically fixed --- src/frontend/components/ProfileTemplate/Header/Header.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/frontend/components/ProfileTemplate/Header/Header.js b/src/frontend/components/ProfileTemplate/Header/Header.js index 3ecea44..a4c999a 100644 --- a/src/frontend/components/ProfileTemplate/Header/Header.js +++ b/src/frontend/components/ProfileTemplate/Header/Header.js @@ -15,7 +15,7 @@ const BackArrow = styled.button` font: inherit; cursor: pointer; outline: inherit; - position: fixed; + position: absolute; z-index: 2; top: 5rem; left: 1rem; @@ -26,7 +26,7 @@ const BackArrow = styled.button` const HeaderGrid = styled(Grid)` width: 100%; - position: fixed; + position: absolute; z-index: 1; padding: 64px 82px 10px 82px; background-color: #a3f4e4; From b822cc2be8f56d0a7d8a413e7fe6611d1e59c75c Mon Sep 17 00:00:00 2001 From: Taha Zaryab Date: Thu, 2 Feb 2023 18:12:03 -0500 Subject: [PATCH 2/4] Update position and margin on interview profile header component --- src/frontend/components/ProfileTemplate/Header/Header.js | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/frontend/components/ProfileTemplate/Header/Header.js b/src/frontend/components/ProfileTemplate/Header/Header.js index a4c999a..810a7f7 100644 --- a/src/frontend/components/ProfileTemplate/Header/Header.js +++ b/src/frontend/components/ProfileTemplate/Header/Header.js @@ -26,7 +26,9 @@ const BackArrow = styled.button` const HeaderGrid = styled(Grid)` width: 100%; - position: absolute; + position: relative; + margin-bottom: -150px; + overflow: auto; z-index: 1; padding: 64px 82px 10px 82px; background-color: #a3f4e4; From dddcf03ef36c3bfafdde3215ec37e508534ad1c9 Mon Sep 17 00:00:00 2001 From: Taha Zaryab Date: Thu, 2 Feb 2023 18:24:14 -0500 Subject: [PATCH 3/4] Reduce main content paddings --- .../recruitment/ApplicationProfile/ApplicationProfilePage.js | 2 +- .../pages/recruitment/InterviewProfile/InterviewProfilePage.js | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/frontend/pages/recruitment/ApplicationProfile/ApplicationProfilePage.js b/src/frontend/pages/recruitment/ApplicationProfile/ApplicationProfilePage.js index 6cbf7a6..f171674 100644 --- a/src/frontend/pages/recruitment/ApplicationProfile/ApplicationProfilePage.js +++ b/src/frontend/pages/recruitment/ApplicationProfile/ApplicationProfilePage.js @@ -25,7 +25,7 @@ const ContentGrid = styled(Grid)` position: relative; top: 12rem; z-index: 0; - padding: 64px 82px 64px 82px; + padding: 0px 82px 64px 82px; `; const PostingGrid = styled(Grid)` diff --git a/src/frontend/pages/recruitment/InterviewProfile/InterviewProfilePage.js b/src/frontend/pages/recruitment/InterviewProfile/InterviewProfilePage.js index ad5690c..c71cd33 100644 --- a/src/frontend/pages/recruitment/InterviewProfile/InterviewProfilePage.js +++ b/src/frontend/pages/recruitment/InterviewProfile/InterviewProfilePage.js @@ -22,7 +22,7 @@ const ContentGrid = styled(Grid)` position: relative; top: 9rem; z-index: 0; - padding: 64px 82px 64px 82px; + padding: 0px 82px 64px 82px; `; const InterviewContainer = styled(Grid)` From 882c754b762c3ff1fbff90fde356c104b6c4e651 Mon Sep 17 00:00:00 2001 From: Taha Zaryab Date: Thu, 2 Feb 2023 18:24:32 -0500 Subject: [PATCH 4/4] Remove negative margin --- src/frontend/components/ProfileTemplate/Header/Header.js | 1 - 1 file changed, 1 deletion(-) diff --git a/src/frontend/components/ProfileTemplate/Header/Header.js b/src/frontend/components/ProfileTemplate/Header/Header.js index 810a7f7..6cd782f 100644 --- a/src/frontend/components/ProfileTemplate/Header/Header.js +++ b/src/frontend/components/ProfileTemplate/Header/Header.js @@ -27,7 +27,6 @@ const BackArrow = styled.button` const HeaderGrid = styled(Grid)` width: 100%; position: relative; - margin-bottom: -150px; overflow: auto; z-index: 1; padding: 64px 82px 10px 82px;