Merge pull request #12 from B77Mills/tempHeaderChanges

add background on header overlay on scroll up
cygnusb2b · Nov 8, 2018 · 607b774 · 607b774
1 parent 6784165
commit 607b774
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/web/src/components/PageWrapper.jsx b/packages/web/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;
         }