From ff49d1743a2de50de2feff59b60abfce72f97157 Mon Sep 17 00:00:00 2001
From: Bartosz Kaszubowski <gosimek@gmail.com>
Date: Wed, 12 Aug 2020 19:55:44 +0200
Subject: [PATCH] adjust BLM banner height and text style (#2137)

---
 website/static/css/header.css     | 35 ++++++++++++++++++-------------
 website/static/js/announcement.js |  6 +++---
 2 files changed, 23 insertions(+), 18 deletions(-)

diff --git a/website/static/css/header.css b/website/static/css/header.css
index 5edaf6f84d7..98a809b24ef 100644
--- a/website/static/css/header.css
+++ b/website/static/css/header.css
@@ -204,7 +204,7 @@ input#search_input_react:focus {
 }
 
 .headerWrapper.wrapper {
-  padding-top: 100px;
+  padding-top: 60px;
 }
 
 .navigationSlider .slidingNav {
@@ -225,9 +225,9 @@ input#search_input_react:focus {
   color: #fff;
   font-weight: bold;
   font-size: 24px;
-  padding: 30px;
+  padding: 8px 30px;
   text-align: center;
-  height: 100px;
+  height: 60px;
   position: absolute;
   width: 100%;
 }
@@ -235,6 +235,7 @@ input#search_input_react:focus {
 .announcement-inner {
   margin: 0 auto;
   max-width: 768px;
+  line-height: 44px;
 }
 
 .announcement-inner a {
@@ -275,37 +276,41 @@ body {
   }
   .announcement {
     padding: 10px;
-  }
-}
-
-@media only screen and (max-width: 500px) {
-  .announcement {
     font-size: 18px;
   }
 }
 
 @media only screen and (min-width: 1024px) {
   .navPusher {
-    padding-top: 160px;
+    padding-top: 120px;
   }
   .docsNavContainer {
-    top: 136px;
+    top: 96px;
   }
   .onPageNav {
-    top: 172px;
-    max-height: calc(100vh - 172px);
+    top: 136px;
+    max-height: calc(100vh - 136px);
   }
 }
 
 @media only screen and (max-width: 1023px) {
   ul.nav-site.nav-site-internal {
-    margin-top: 160px;
+    margin-top: 120px;
   }
   .navPusher {
-    padding-top: 210px;
+    padding-top: 170px;
   }
   .navSearchWrapper {
-    top: 114px;
+    top: 74px;
+  }
+}
+
+@media (max-width: 500px) {
+  .announcement {
+    font-size: 15px;
+  }
+  .announcement-inner {
+    line-height: 22px;
   }
 }
 /* End announcement banner override */
diff --git a/website/static/js/announcement.js b/website/static/js/announcement.js
index 00472b562f5..a426772042e 100644
--- a/website/static/js/announcement.js
+++ b/website/static/js/announcement.js
@@ -23,9 +23,9 @@ window.onscroll = () => {
       document.body.scrollTop > scrollStartBoundary ||
       document.documentElement.scrollTop > scrollStartBoundary
     ) {
-      fixedHeaderContainer.style.top = '-100px';
-      navPusher.style.top = '-100px';
-      navPusher.style.marginBottom = '-100px';
+      fixedHeaderContainer.style.top = '-60px';
+      navPusher.style.top = '-60px';
+      navPusher.style.marginBottom = '-60px';
     } else {
       fixedHeaderContainer.style.top = '0';
       navPusher.style.top = '0';