adjust BLM banner height and text style (#2137)

facebook · Aug 12, 2020 · ff49d17 · ff49d17
1 parent e2349c3
commit ff49d17
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 18 deletions.
diff --git 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,16 +225,17 @@ 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%;
 }
 
 .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
@@ -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';