mirror of
				https://github.com/esphome/esphome.git
				synced 2025-10-30 22:53:59 +00:00 
			
		
		
		
	Include tapTarget html element only when needed (#439)
This commit is contained in:
		
				
					committed by
					
						 Otto Winter
						Otto Winter
					
				
			
			
				
	
			
			
			
						parent
						
							34ca5d6d8a
						
					
				
				
					commit
					10cc11bab1
				
			| @@ -118,7 +118,6 @@ body { | |||||||
|   display: flex; |   display: flex; | ||||||
|   min-height: 100vh; |   min-height: 100vh; | ||||||
|   flex-direction: column; |   flex-direction: column; | ||||||
|   overflow: hidden; |  | ||||||
| } | } | ||||||
|  |  | ||||||
| main { | main { | ||||||
|   | |||||||
| @@ -29,6 +29,7 @@ | |||||||
|   </div> |   </div> | ||||||
| </nav> | </nav> | ||||||
|  |  | ||||||
|  | {% if begin %} | ||||||
| <div class="tap-target pink lighten-1 select-port" data-target="select-port-target"> | <div class="tap-target pink lighten-1 select-port" data-target="select-port-target"> | ||||||
|   <div class="tap-target-content"> |   <div class="tap-target-content"> | ||||||
|     <h5>Select Upload Port</h5> |     <h5>Select Upload Port</h5> | ||||||
| @@ -39,6 +40,7 @@ | |||||||
|     </p> |     </p> | ||||||
|   </div> |   </div> | ||||||
| </div> | </div> | ||||||
|  | {% end %} | ||||||
|  |  | ||||||
| <div class="ribbon"></div> | <div class="ribbon"></div> | ||||||
| </header> | </header> | ||||||
| @@ -454,6 +456,7 @@ | |||||||
|   <i class="material-icons">add</i> |   <i class="material-icons">add</i> | ||||||
| </a> | </a> | ||||||
|  |  | ||||||
|  | {% if len(entries) == 0 %} | ||||||
| <div class="tap-target pink lighten-1 setup-wizard" data-target="setup-wizard-start"> | <div class="tap-target pink lighten-1 setup-wizard" data-target="setup-wizard-start"> | ||||||
|   <div class="tap-target-content"> |   <div class="tap-target-content"> | ||||||
|     <h5>Set up your first Node</h5> |     <h5>Set up your first Node</h5> | ||||||
| @@ -463,6 +466,8 @@ | |||||||
|     </p> |     </p> | ||||||
|   </div> |   </div> | ||||||
| </div> | </div> | ||||||
|  | {% end %} | ||||||
|  |  | ||||||
| </main> | </main> | ||||||
|  |  | ||||||
| <footer class="page-footer indigo darken-1"> | <footer class="page-footer indigo darken-1"> | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user