Fixing banner promo issue (reactplay#949)

* Fixing banner promo issue * Fixed linting issues --------- Co-authored-by: Tapas Adhikary <[email protected]>
anish1617 · Feb 8, 2023 · 2033ef0 · 2033ef0
1 parent 948409c
commit 2033ef0
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/src/common/header/Header.jsx b/src/common/header/Header.jsx
@@ -102,7 +102,9 @@ const Header = () => {
  return (
  <>
  <header
- className={`app-header ${showHideBits.setHeaderStyle ? '' : ' app-header-home'}`}
+ className={`app-header ${
+ showHideBits.setHeaderStyle ? '' : ' app-header-home app-header-home--promo '
+ }`}
  data-testid="app-header"
  >
  <span>

diff --git a/src/common/header/header.css b/src/common/header/header.css
@@ -24,6 +24,10 @@
  position: fixed;
 }
 
+.app-header-home.app-header-home--promo {
+ top: 32px;
+}
+
 .app-logo {
  display: block;
  width: 178px;
@@ -493,13 +497,14 @@
  background-color: #fad900;
  min-height: 32px;
  position: fixed;
- z-index: 99;
- margin-top: 56px;
+ font-size: var(--fs-sm);
+ line-height: var(--fs-sm);
+ z-index: 9;
  width: 100%;
 }
 
 .event-link {
  text-decoration: underline;
  margin-left: 5px;
  cursor: pointer;
-}
+}