Merge pull request #12 from B77Mills/tempHeaderChanges

add background on header overlay on scroll up
cygnusb2b · Jul 17, 2018 · 568dac8 · 568dac8
2 parents 3d53ad6 + 691cc35
commit 568dac8
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/components/PageWrapper.jsx b/src/components/PageWrapper.jsx
@@ -21,9 +21,12 @@ const PageWrapper = props => (
     <style jsx global>{`
         nav.fixed-top {
           transition: top 0.1s ease-in-out;
+          transition: background-color 0.1s ease-in-out;
           background-color: transparent;
         }
-
+        .fixed-top.nav-down {
+          background-color: rgba(0,0,0,0.75);
+        }
         .fixed-top.nav-up {
           top: -71px;
         }