mirror of
https://github.com/home-assistant/core.git
synced 2025-07-19 11:17:21 +00:00
Polymer 1.0: Fix listening bar in states partial
This commit is contained in:
parent
24b575d21a
commit
a53265b76e
@ -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>
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user