From 421478bb4952f8a5cde5210c29a2a2506b231eac Mon Sep 17 00:00:00 2001
From: Jerad Meisner <jerad.meisner@gmail.com>
Date: Fri, 24 Aug 2018 01:25:58 -0700
Subject: [PATCH] Hide toolbar on scroll. (#1595)

---
 src/panels/lovelace/hui-root.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/panels/lovelace/hui-root.js b/src/panels/lovelace/hui-root.js
index 6d4008aa7c..2679bf85bb 100644
--- a/src/panels/lovelace/hui-root.js
+++ b/src/panels/lovelace/hui-root.js
@@ -1,5 +1,6 @@
 import '@polymer/app-layout/app-header-layout/app-header-layout.js';
 import '@polymer/app-layout/app-header/app-header.js';
+import '@polymer/app-layout/app-scroll-effects/effects/waterfall.js';
 import '@polymer/app-layout/app-toolbar/app-toolbar.js';
 import '@polymer/app-route/app-route.js';
 import '@polymer/paper-icon-button/paper-icon-button.js';
@@ -72,7 +73,7 @@ class HUIRoot extends NavigateMixin(EventsMixin(PolymerElement)) {
     </style>
     <app-route route="[[route]]" pattern="/:view" data="{{routeData}}"></app-route>
     <ha-app-layout id="layout">
-      <app-header slot="header" fixed>
+      <app-header slot="header" effects="waterfall" fixed condenses>
         <app-toolbar>
           <ha-menu-button narrow='[[narrow]]' show-menu='[[showMenu]]'></ha-menu-button>
           <div main-title>[[_computeTitle(config)]]</div>