Polymer 1.0: Fix listening bar in states partial

This commit is contained in:
Paulus Schoutsen 2015-05-29 17:57:52 -07:00
parent 24b575d21a
commit a53265b76e

View File

@ -9,7 +9,13 @@
<dom-module id="partial-states"> <dom-module id="partial-states">
<style> <style>
.listening { .content-wrapper {
position: relative;
height: 100%;
background-color: #E5E5E5;
}
.content-wrapper ::content .listening {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
@ -31,11 +37,6 @@
.listening paper-spinner { .listening paper-spinner {
float: right; float: right;
} }
state-cards {
height: 100%;
background-color: #E5E5E5;
}
</style> </style>
<template> <template>
@ -49,22 +50,24 @@
on-click="handleListenClick"></paper-icon-button> on-click="handleListenClick"></paper-icon-button>
</span> </span>
<div class='listening' hidden$="[[!showListenInterface]]" <div class='content-wrapper'>
on-click="handleListenClick"> <div class='listening' hidden$="[[!showListenInterface]]"
<iron-icon icon="av:hearing"></iron-icon> <span>{{finalTranscript}}</span> on-click="handleListenClick">
<span class='interimTranscript'>[[interimTranscript]]</span> <iron-icon icon="av:hearing"></iron-icon> <span>{{finalTranscript}}</span>
<paper-spinner active$="[[isTransmitting]]" alt="Sending voice command to Home Assistant"></paper-spinner> <span class='interimTranscript'>[[interimTranscript]]</span>
</div> <paper-spinner active$="[[isTransmitting]]" alt="Sending voice command to Home Assistant"></paper-spinner>
</div>
<state-cards states="[[states]]"> <state-cards states="[[states]]">
<h3>Hi there!</h3> <h3>Hi there!</h3>
<p> <p>
It looks like we have nothing to show you right now. It could be that we have not yet discovered all your devices but it is more likely that you have not configured Home Assistant yet. It looks like we have nothing to show you right now. It could be that we have not yet discovered all your devices but it is more likely that you have not configured Home Assistant yet.
</p> </p>
<p> <p>
Please see the <a href='https://home-assistant.io/getting-started/' target='_blank'>Getting Started</a> section on how to setup your devices. Please see the <a href='https://home-assistant.io/getting-started/' target='_blank'>Getting Started</a> section on how to setup your devices.
</p> </p>
</state-cards> </state-cards>
</div>
</partial-base> </partial-base>
</template> </template>