mirror of
https://github.com/home-assistant/frontend.git
synced 2025-07-24 09:46:36 +00:00
RTL fixes for voice assistant page (#16398)
This commit is contained in:
parent
a39c2a314a
commit
6c25e23ad2
@ -207,9 +207,14 @@ export class AssistPref extends LitElement {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
:host([dir="rtl"]) .header-actions {
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
.header-actions .icon-link {
|
||||
margin-top: -16px;
|
||||
margin-inline-end: 8px;
|
||||
margin-inline-start: 8px;
|
||||
margin-right: 8px;
|
||||
direction: var(--direction);
|
||||
color: var(--secondary-text-color);
|
||||
@ -239,6 +244,8 @@ export class AssistPref extends LitElement {
|
||||
img {
|
||||
height: 28px;
|
||||
margin-right: 16px;
|
||||
margin-inline-end: 16px;
|
||||
margin-inline-start: initial;
|
||||
}
|
||||
`;
|
||||
}
|
||||
|
@ -284,6 +284,8 @@ export class CloudAlexaPref extends LitElement {
|
||||
img {
|
||||
height: 28px;
|
||||
margin-right: 16px;
|
||||
margin-inline-end: 16px;
|
||||
margin-inline-start: initial;
|
||||
}
|
||||
`;
|
||||
}
|
||||
|
@ -364,6 +364,8 @@ export class CloudGooglePref extends LitElement {
|
||||
img {
|
||||
height: 28px;
|
||||
margin-right: 16px;
|
||||
margin-inline-end: 16px;
|
||||
margin-inline-start: initial;
|
||||
}
|
||||
`;
|
||||
}
|
||||
|
@ -50,6 +50,7 @@ export class HaConfigVoiceAssistantsAssistants extends LitElement {
|
||||
${isComponentLoaded(this.hass, "assist_pipeline")
|
||||
? html`
|
||||
<assist-pref
|
||||
.dir=${computeRTLDirection(this.hass)}
|
||||
.hass=${this.hass}
|
||||
.cloudStatus=${this.cloudStatus}
|
||||
.exposedEntities=${this.exposedEntities}
|
||||
@ -62,13 +63,13 @@ export class HaConfigVoiceAssistantsAssistants extends LitElement {
|
||||
.hass=${this.hass}
|
||||
.exposedEntities=${this.exposedEntities}
|
||||
.cloudStatus=${this.cloudStatus}
|
||||
dir=${computeRTLDirection(this.hass)}
|
||||
.dir=${computeRTLDirection(this.hass)}
|
||||
></cloud-alexa-pref>
|
||||
<cloud-google-pref
|
||||
.hass=${this.hass}
|
||||
.exposedEntities=${this.exposedEntities}
|
||||
.cloudStatus=${this.cloudStatus}
|
||||
dir=${computeRTLDirection(this.hass)}
|
||||
.dir=${computeRTLDirection(this.hass)}
|
||||
></cloud-google-pref>
|
||||
`
|
||||
: html`<cloud-discover .hass=${this.hass}></cloud-discover>`}
|
||||
|
Loading…
x
Reference in New Issue
Block a user