From 3a19c7229c07e4de07453d8a23775f6dee1a687f Mon Sep 17 00:00:00 2001
From: Vitaly Takmazov
Date: Tue, 10 Apr 2018 19:19:37 +0300
Subject: www: hide header on scroll

---
 juick-www/src/main/assets/style.css | 11 +++++++++++
 1 file changed, 11 insertions(+)

(limited to 'juick-www/src/main/assets/style.css')

diff --git a/juick-www/src/main/assets/style.css b/juick-www/src/main/assets/style.css
index 364cd7ef..d2cb984f 100644
--- a/juick-www/src/main/assets/style.css
+++ b/juick-www/src/main/assets/style.css
@@ -98,6 +98,12 @@ body > header {
     top: 0;
     width: 100%;
     z-index: 10;
+    -webkit-transition-duration: 0.5s;
+    transition-duration: 0.5s;
+    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    -webkit-transition-property: -webkit-transform;
+    transition-property: transform;
 }
 #header_wrapper {
     margin: 0 auto;
@@ -108,6 +114,11 @@ body > header {
     flex-wrap: wrap;
     padding: 4px;
 }
+.header--hidden {
+    -webkit-transform: translateY(-100%);
+    -ms-transform: translateY(-100%);
+    transform: translateY(-100%);
+}
 #footer {
     clear: both;
     color: #999;
-- 
cgit v1.2.3