From 12c650457e66c1bef3b35d5a19863fa4e22bbefe Mon Sep 17 00:00:00 2001
From: Andrew Rynhard <andrew@andrewrynhard.com>
Date: Tue, 22 Oct 2019 00:54:57 +0000
Subject: [PATCH] docs: remove header animation

This makes the header a fixed height without animation.

Signed-off-by: Andrew Rynhard <andrew@andrewrynhard.com>
---
 docs/website/assets/css/navigation.css | 11 +++--------
 docs/website/components/Footer.vue     |  1 -
 docs/website/components/Header.vue     | 25 +------------------------
 3 files changed, 4 insertions(+), 33 deletions(-)

diff --git a/docs/website/assets/css/navigation.css b/docs/website/assets/css/navigation.css
index 501b29ee2..b5d79011e 100644
--- a/docs/website/assets/css/navigation.css
+++ b/docs/website/assets/css/navigation.css
@@ -48,7 +48,6 @@ nav[aria-label='main'] {
   }
   header {
     @apply sticky top-0;
-    transition: height 0.3s;
   }
 
   nav[aria-label='main'] .tnd-Nav__item a {
@@ -56,17 +55,13 @@ nav[aria-label='main'] {
   }
 }
 
-header#header img#header-logo {
-  transition: all 0.3s;
-}
-
-header#header.scrolled img#header-logo {
-  width: 150px;
+#header-logo {
+  height: 70px;
 }
 
 header {
   @apply font-headings;
-  font-size: 20px;
+  font-size: 18px;
 }
 
 .dropdown-menu {
diff --git a/docs/website/components/Footer.vue b/docs/website/components/Footer.vue
index 34ae1e97a..b69b78bbe 100644
--- a/docs/website/components/Footer.vue
+++ b/docs/website/components/Footer.vue
@@ -21,7 +21,6 @@
 <style>
 footer {
   @apply bg-white flex flex-col items-center font-sans justify-between py-5;
-  z-index: 99;
 }
 
 footer a {
diff --git a/docs/website/components/Header.vue b/docs/website/components/Header.vue
index 97bf55c20..3df9acd3e 100644
--- a/docs/website/components/Header.vue
+++ b/docs/website/components/Header.vue
@@ -1,6 +1,6 @@
 <template>
   <header id="header" class="flex">
-    <div class="flex items-center justify-start max-w-6xl mx-auto py-6">
+    <div class="flex items-center justify-start max-w-6xl mx-auto py-2">
       <Logo></Logo>
     </div>
     <div class="flex items-center justify-end max-w-6xl mx-auto py-6">
@@ -32,29 +32,6 @@ export default {
   components: {
     Logo,
     CommunityDropdown
-  },
-
-  mounted() {
-    window.addEventListener('scroll', this.handleScroll)
-  },
-
-  destroyed() {
-    window.removeEventListener('scroll', this.handleScroll)
-  },
-
-  methods: {
-    handleScroll() {
-      const distanceY = window.pageYOffset || document.documentElement.scrollTop
-      const shrinkOn = 240
-      const shrinkOff = 140
-      const headerEl = document.getElementById('header')
-
-      if (distanceY > shrinkOn) {
-        headerEl.classList.add('scrolled')
-      } else if (distanceY < shrinkOff) {
-        headerEl.classList.remove('scrolled')
-      }
-    }
   }
 }
 </script>