From 10cc11bab1667ce9282fd630f8e6a261f8876660 Mon Sep 17 00:00:00 2001
From: Florian Gareis <TheZoker@users.noreply.github.com>
Date: Sun, 17 Feb 2019 18:42:44 +0100
Subject: [PATCH] Include tapTarget html element only when needed (#439)

---
 esphome/dashboard/static/esphome.css   | 1 -
 esphome/dashboard/templates/index.html | 5 +++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/esphome/dashboard/static/esphome.css b/esphome/dashboard/static/esphome.css
index fab735b945..baf92e42b1 100644
--- a/esphome/dashboard/static/esphome.css
+++ b/esphome/dashboard/static/esphome.css
@@ -118,7 +118,6 @@ body {
   display: flex;
   min-height: 100vh;
   flex-direction: column;
-  overflow: hidden;
 }
 
 main {
diff --git a/esphome/dashboard/templates/index.html b/esphome/dashboard/templates/index.html
index 58f6a23ec4..d5ecce17d6 100644
--- a/esphome/dashboard/templates/index.html
+++ b/esphome/dashboard/templates/index.html
@@ -29,6 +29,7 @@
   </div>
 </nav>
 
+{% if begin %}
 <div class="tap-target pink lighten-1 select-port" data-target="select-port-target">
   <div class="tap-target-content">
     <h5>Select Upload Port</h5>
@@ -39,6 +40,7 @@
     </p>
   </div>
 </div>
+{% end %}
 
 <div class="ribbon"></div>
 </header>
@@ -454,6 +456,7 @@
   <i class="material-icons">add</i>
 </a>
 
+{% if len(entries) == 0 %}
 <div class="tap-target pink lighten-1 setup-wizard" data-target="setup-wizard-start">
   <div class="tap-target-content">
     <h5>Set up your first Node</h5>
@@ -463,6 +466,8 @@
     </p>
   </div>
 </div>
+{% end %}
+
 </main>
 
 <footer class="page-footer indigo darken-1">