From f9118a4b87228ad08e465548265904c83f1c9459 Mon Sep 17 00:00:00 2001 From: Bram Kragten Date: Wed, 27 Nov 2024 15:04:09 +0100 Subject: [PATCH] Add alt to img, fix styling issue voice (#23024) --- src/dialogs/voice-assistant-setup/styles.ts | 6 +++++- .../voice-assistant-setup-step-area.ts | 5 ++++- ...voice-assistant-setup-step-change-wake-word.ts | 5 ++++- .../voice-assistant-setup-step-check.ts | 10 ++++++++-- .../voice-assistant-setup-step-local.ts | 15 ++++++++++++--- .../voice-assistant-setup-step-success.ts | 5 ++++- .../voice-assistant-setup-step-update.ts | 5 ++++- .../voice-assistant-setup-step-wake-word.ts | 7 +++++-- 8 files changed, 46 insertions(+), 12 deletions(-) diff --git a/src/dialogs/voice-assistant-setup/styles.ts b/src/dialogs/voice-assistant-setup/styles.ts index 5d71a9446f..5399e4cd34 100644 --- a/src/dialogs/voice-assistant-setup/styles.ts +++ b/src/dialogs/voice-assistant-setup/styles.ts @@ -7,7 +7,7 @@ export const AssistantSetupStyles = [ :host { align-items: center; text-align: center; - min-height: 300px; + min-height: 400px; display: flex; flex-direction: column; justify-content: space-between; @@ -22,6 +22,10 @@ export const AssistantSetupStyles = [ width: 120px; } @media all and (max-width: 450px), all and (max-height: 500px) { + :host { + min-height: 100%; + height: auto; + } .content img { margin-top: 68px; margin-bottom: 68px; diff --git a/src/dialogs/voice-assistant-setup/voice-assistant-setup-step-area.ts b/src/dialogs/voice-assistant-setup/voice-assistant-setup-step-area.ts index d6c918c957..e097a9a6d6 100644 --- a/src/dialogs/voice-assistant-setup/voice-assistant-setup-step-area.ts +++ b/src/dialogs/voice-assistant-setup/voice-assistant-setup-step-area.ts @@ -17,7 +17,10 @@ export class HaVoiceAssistantSetupStepArea extends LitElement { const device = this.hass.devices[this.deviceId]; return html`
- + Casita Home Assistant logo

Select area

When you voice assistant knows where it is, it can better control the diff --git a/src/dialogs/voice-assistant-setup/voice-assistant-setup-step-change-wake-word.ts b/src/dialogs/voice-assistant-setup/voice-assistant-setup-step-change-wake-word.ts index 8f51521c9b..c5894c7651 100644 --- a/src/dialogs/voice-assistant-setup/voice-assistant-setup-step-change-wake-word.ts +++ b/src/dialogs/voice-assistant-setup/voice-assistant-setup-step-change-wake-word.ts @@ -21,7 +21,10 @@ export class HaVoiceAssistantSetupStepChangeWakeWord extends LitElement { protected override render() { return html`

- + Casita Home Assistant logo

Change wake word

Some wake words are better for diff --git a/src/dialogs/voice-assistant-setup/voice-assistant-setup-step-check.ts b/src/dialogs/voice-assistant-setup/voice-assistant-setup-step-check.ts index 415d6e4d13..eba258fa6a 100644 --- a/src/dialogs/voice-assistant-setup/voice-assistant-setup-step-check.ts +++ b/src/dialogs/voice-assistant-setup/voice-assistant-setup-step-check.ts @@ -36,7 +36,10 @@ export class HaVoiceAssistantSetupStepCheck extends LitElement { protected override render() { return html`

${this._status === "timeout" - ? html` + ? html`Casita Home Assistant error logo

The voice assistant is unable to connect to Home Assistant

To play audio, the voice assistant device has to connect to Home @@ -53,7 +56,10 @@ export class HaVoiceAssistantSetupStepCheck extends LitElement { > Retry

` - : html` + : html`Casita Home Assistant hi logo

Hi

Over the next couple steps we're going to personalize your voice diff --git a/src/dialogs/voice-assistant-setup/voice-assistant-setup-step-local.ts b/src/dialogs/voice-assistant-setup/voice-assistant-setup-step-local.ts index c5f33ba9b7..1fb690601f 100644 --- a/src/dialogs/voice-assistant-setup/voice-assistant-setup-step-local.ts +++ b/src/dialogs/voice-assistant-setup/voice-assistant-setup-step-local.ts @@ -44,7 +44,10 @@ export class HaVoiceAssistantSetupStepLocal extends LitElement { protected override render() { return html`

${this._state === "INSTALLING" - ? html` + ? html`Casita Home Assistant loading logo

Installing add-ons

The Whisper and Piper add-ons are being installed and configured. @@ -54,7 +57,10 @@ export class HaVoiceAssistantSetupStepLocal extends LitElement { ${this._detailState || "Installation can take several minutes"}

` : this._state === "ERROR" - ? html` + ? html` Casita Home Assistant error logo

Failed to install add-ons

We could not automatically install a local TTS and STT provider @@ -75,7 +81,10 @@ export class HaVoiceAssistantSetupStepLocal extends LitElement { > ` : this._state === "NOT_SUPPORTED" - ? html` + ? html`Casita Home Assistant error logo

Installation of add-ons is not supported on your system

Your system is not supported to automatically install a local diff --git a/src/dialogs/voice-assistant-setup/voice-assistant-setup-step-success.ts b/src/dialogs/voice-assistant-setup/voice-assistant-setup-step-success.ts index 9f0dbf202b..4b8e88fcb4 100644 --- a/src/dialogs/voice-assistant-setup/voice-assistant-setup-step-success.ts +++ b/src/dialogs/voice-assistant-setup/voice-assistant-setup-step-success.ts @@ -68,7 +68,10 @@ export class HaVoiceAssistantSetupStepSuccess extends LitElement { : undefined; return html`

- + Casita Home Assistant logo

Ready to Assist!

Make any final customizations here. You can always change these in the diff --git a/src/dialogs/voice-assistant-setup/voice-assistant-setup-step-update.ts b/src/dialogs/voice-assistant-setup/voice-assistant-setup-step-update.ts index e81afa480b..cba6ebec50 100644 --- a/src/dialogs/voice-assistant-setup/voice-assistant-setup-step-update.ts +++ b/src/dialogs/voice-assistant-setup/voice-assistant-setup-step-update.ts @@ -65,7 +65,10 @@ export class HaVoiceAssistantSetupStepUpdate extends LitElement { const progressIsNumeric = stateObj && updateUsesProgress(stateObj); return html`

- + Casita Home Assistant loading logo

${stateObj && (stateObj.state === "unavailable" || updateIsInstalling(stateObj)) diff --git a/src/dialogs/voice-assistant-setup/voice-assistant-setup-step-wake-word.ts b/src/dialogs/voice-assistant-setup/voice-assistant-setup-step-wake-word.ts index 614ad78678..c04e2d70dc 100644 --- a/src/dialogs/voice-assistant-setup/voice-assistant-setup-step-wake-word.ts +++ b/src/dialogs/voice-assistant-setup/voice-assistant-setup-step-wake-word.ts @@ -90,14 +90,17 @@ export class HaVoiceAssistantSetupStepWakeWord extends LitElement { return html`
${!this._detected ? html` - + Casita Home Assistant logo

Say “${this._activeWakeWord(this.assistConfiguration)}” to wake the device up

Setup will continue once the device is awake.

` - : html` + : html`Casita Home Assistant logo

Say “${this._activeWakeWord(this.assistConfiguration)}” again