mirror of
https://github.com/home-assistant/frontend.git
synced 2025-07-25 18:26:35 +00:00
Fix header mobile automation editor (#13534)
This commit is contained in:
parent
fee1092a08
commit
be0c22d7ae
@ -513,7 +513,7 @@ export default class HaAutomationActionRow extends LitElement {
|
|||||||
@media (min-width: 870px) {
|
@media (min-width: 870px) {
|
||||||
.action-icon {
|
.action-icon {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
color: var(--primary-color);
|
color: var(--secondary-text-color);
|
||||||
opacity: 0.9;
|
opacity: 0.9;
|
||||||
margin-right: 8px;
|
margin-right: 8px;
|
||||||
}
|
}
|
||||||
|
@ -429,7 +429,7 @@ export default class HaAutomationConditionRow extends LitElement {
|
|||||||
@media (min-width: 870px) {
|
@media (min-width: 870px) {
|
||||||
.condition-icon {
|
.condition-icon {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
color: var(--primary-color);
|
color: var(--secondary-text-color);
|
||||||
opacity: 0.9;
|
opacity: 0.9;
|
||||||
margin-right: 8px;
|
margin-right: 8px;
|
||||||
}
|
}
|
||||||
|
@ -230,6 +230,14 @@ export class HaAutomationEditor extends KeyboardShortcutMixin(LitElement) {
|
|||||||
|
|
||||||
${this._config
|
${this._config
|
||||||
? html`
|
? html`
|
||||||
|
${this.narrow
|
||||||
|
? html`<span slot="header"
|
||||||
|
>${this._config!.alias ||
|
||||||
|
this.hass.localize(
|
||||||
|
"ui.panel.config.automation.editor.default_name"
|
||||||
|
)}</span
|
||||||
|
>`
|
||||||
|
: ""}
|
||||||
<div
|
<div
|
||||||
class="content ${classMap({
|
class="content ${classMap({
|
||||||
"yaml-mode": this._mode === "yaml",
|
"yaml-mode": this._mode === "yaml",
|
||||||
@ -242,12 +250,7 @@ export class HaAutomationEditor extends KeyboardShortcutMixin(LitElement) {
|
|||||||
${this._mode === "gui"
|
${this._mode === "gui"
|
||||||
? html`
|
? html`
|
||||||
${this.narrow
|
${this.narrow
|
||||||
? html`<span slot="header"
|
? ""
|
||||||
>${this._config!.alias ||
|
|
||||||
this.hass.localize(
|
|
||||||
"ui.panel.config.automation.editor.default_name"
|
|
||||||
)}</span
|
|
||||||
>`
|
|
||||||
: html`
|
: html`
|
||||||
<div class="header-name">
|
<div class="header-name">
|
||||||
<h1>
|
<h1>
|
||||||
|
@ -319,7 +319,7 @@ export class HaManualAutomationEditor extends LitElement {
|
|||||||
@media (min-width: 870px) {
|
@media (min-width: 870px) {
|
||||||
.settings-icon {
|
.settings-icon {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
color: var(--primary-color);
|
color: var(--secondary-text-color);
|
||||||
opacity: 0.9;
|
opacity: 0.9;
|
||||||
margin-right: 8px;
|
margin-right: 8px;
|
||||||
}
|
}
|
||||||
|
@ -538,7 +538,7 @@ export default class HaAutomationTriggerRow extends LitElement {
|
|||||||
@media (min-width: 870px) {
|
@media (min-width: 870px) {
|
||||||
.trigger-icon {
|
.trigger-icon {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
color: var(--primary-color);
|
color: var(--secondary-text-color);
|
||||||
opacity: 0.9;
|
opacity: 0.9;
|
||||||
margin-right: 8px;
|
margin-right: 8px;
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user