From 2f734e3495026718d70ec20d470a14387846b051 Mon Sep 17 00:00:00 2001
From: gets0ul <gets0ul@gmail.com>
Date: Thu, 10 Sep 2020 17:28:03 +0700
Subject: [PATCH 1/4] #4294: Fix dropdown issue being hidden behind footer on
 profile settings page.

---
 .../shared/components/Header/__snapshots__/index.jsx.snap | 8 +++++++-
 src/shared/components/Header/index.jsx                    | 2 +-
 src/shared/components/TopcoderFooter/style.scss           | 1 +
 src/shared/routes/Topcoder/styles.scss                    | 2 +-
 4 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/__tests__/shared/components/Header/__snapshots__/index.jsx.snap b/__tests__/shared/components/Header/__snapshots__/index.jsx.snap
index 9f0f7a4186..8f3f8376f7 100644
--- a/__tests__/shared/components/Header/__snapshots__/index.jsx.snap
+++ b/__tests__/shared/components/Header/__snapshots__/index.jsx.snap
@@ -1,7 +1,13 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Default render 1`] = `
-<div>
+<div
+  style={
+    Object {
+      "zIndex": 2,
+    }
+  }
+>
   <TopNav
     loggedIn={true}
     logo={
diff --git a/src/shared/components/Header/index.jsx b/src/shared/components/Header/index.jsx
index 356f268e3a..821ec149e6 100644
--- a/src/shared/components/Header/index.jsx
+++ b/src/shared/components/Header/index.jsx
@@ -69,7 +69,7 @@ const Header = ({
 
   if (TopNavRef) {
     return (
-      <div>
+      <div style={{ zIndex: 2 }}>
         <TopNavRef
           menu={headerMenu || config.HEADER_MENU}
           rightMenu={(
diff --git a/src/shared/components/TopcoderFooter/style.scss b/src/shared/components/TopcoderFooter/style.scss
index a5d20be0b4..523667a4d8 100644
--- a/src/shared/components/TopcoderFooter/style.scss
+++ b/src/shared/components/TopcoderFooter/style.scss
@@ -72,6 +72,7 @@
   font-weight: 400;
   line-height: 21px;
   position: relative;
+  z-index: 0;
 
   @include xs-to-sm {
     padding: 30px 30px 21px 30px;
diff --git a/src/shared/routes/Topcoder/styles.scss b/src/shared/routes/Topcoder/styles.scss
index 1af7c46852..517fe321bc 100644
--- a/src/shared/routes/Topcoder/styles.scss
+++ b/src/shared/routes/Topcoder/styles.scss
@@ -8,6 +8,6 @@
     display: flex;
     flex: 1 0 auto;
     position: relative;
-    z-index: 0;
+    z-index: 1;
   }
 }

From f719dcd35ee4d8b352bfe6eb8af72766beaa8ab5 Mon Sep 17 00:00:00 2001
From: gets0ul <gets0ul@gmail.com>
Date: Mon, 14 Sep 2020 11:43:42 +0700
Subject: [PATCH 2/4] Move out inline style to .scss file

---
 .../shared/components/Header/__snapshots__/index.jsx.snap   | 6 +-----
 src/shared/components/Header/index.jsx                      | 4 +++-
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/__tests__/shared/components/Header/__snapshots__/index.jsx.snap b/__tests__/shared/components/Header/__snapshots__/index.jsx.snap
index 6887259318..8470a7c6c5 100644
--- a/__tests__/shared/components/Header/__snapshots__/index.jsx.snap
+++ b/__tests__/shared/components/Header/__snapshots__/index.jsx.snap
@@ -2,11 +2,7 @@
 
 exports[`Default render 1`] = `
 <div
-  style={
-    Object {
-      "zIndex": 2,
-    }
-  }
+  className="src-shared-components-Header-___style__nav-header-wrapper___2HtiH"
 >
   <TopNav
     loggedIn={true}
diff --git a/src/shared/components/Header/index.jsx b/src/shared/components/Header/index.jsx
index 821ec149e6..0bbb6fa494 100644
--- a/src/shared/components/Header/index.jsx
+++ b/src/shared/components/Header/index.jsx
@@ -5,6 +5,8 @@ import { config } from 'topcoder-react-utils';
 import Logo from 'assets/images/tc-logo.svg';
 import { tracking } from '../../actions';
 
+import './style.scss';
+
 let TopNavRef;
 let LoginNavRef;
 
@@ -69,7 +71,7 @@ const Header = ({
 
   if (TopNavRef) {
     return (
-      <div style={{ zIndex: 2 }}>
+      <div styleName="nav-header-wrapper">
         <TopNavRef
           menu={headerMenu || config.HEADER_MENU}
           rightMenu={(

From d30766498d356bdae4a2d47ef3d52c6dcbd89e05 Mon Sep 17 00:00:00 2001
From: gets0ul <gets0ul@gmail.com>
Date: Mon, 14 Sep 2020 11:45:23 +0700
Subject: [PATCH 3/4] New scss for header

---
 src/shared/components/Header/style.scss | 3 +++
 1 file changed, 3 insertions(+)
 create mode 100644 src/shared/components/Header/style.scss

diff --git a/src/shared/components/Header/style.scss b/src/shared/components/Header/style.scss
new file mode 100644
index 0000000000..5f470ea788
--- /dev/null
+++ b/src/shared/components/Header/style.scss
@@ -0,0 +1,3 @@
+.nav-header-wrapper {
+  z-index: 2;
+}

From 980bbc4fedbc41c52d5791d00f56c0d0a36b707f Mon Sep 17 00:00:00 2001
From: gets0ul <gets0ul@gmail.com>
Date: Mon, 14 Sep 2020 11:53:59 +0700
Subject: [PATCH 4/4] Fix test snapshot.

---
 __tests__/shared/components/Header/__snapshots__/index.jsx.snap | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/__tests__/shared/components/Header/__snapshots__/index.jsx.snap b/__tests__/shared/components/Header/__snapshots__/index.jsx.snap
index 8470a7c6c5..e82f28e5b7 100644
--- a/__tests__/shared/components/Header/__snapshots__/index.jsx.snap
+++ b/__tests__/shared/components/Header/__snapshots__/index.jsx.snap
@@ -2,7 +2,7 @@
 
 exports[`Default render 1`] = `
 <div
-  className="src-shared-components-Header-___style__nav-header-wrapper___2HtiH"
+  className="src-shared-components-Header-___style__nav-header-wrapper___3oH9J"
 >
   <TopNav
     loggedIn={true}