jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-19 07:16:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

Align visuals of automation and script editor after redesign (#13567)

Browse Source
This commit is contained in:
Philip Allgaier 2022-09-02 19:03:53 +02:00 committed by GitHub
parent 93e7927686
commit 031ecf5be8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 27 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/panels/config/automation/action/ha-automation-action-row.ts
View File

@ -230,6 +230,7 @@ export default class HaAutomationActionRow extends LitElement {
${this.hass.localize("ui.panel.config.automation.editor.edit_ui")} ${this.hass.localize("ui.panel.config.automation.editor.edit_ui")}
${!yamlMode ${!yamlMode
? html`<ha-svg-icon ? html`<ha-svg-icon
class="selected_menu_item"
slot="graphic" slot="graphic"
.path=${mdiCheck} .path=${mdiCheck}
></ha-svg-icon>` ></ha-svg-icon>`
@ -242,6 +243,7 @@ export default class HaAutomationActionRow extends LitElement {
)} )}
${yamlMode ${yamlMode
? html`<ha-svg-icon ? html`<ha-svg-icon
class="selected_menu_item"
slot="graphic" slot="graphic"
.path=${mdiCheck} .path=${mdiCheck}
></ha-svg-icon>` ></ha-svg-icon>`
@ -539,6 +541,12 @@ export default class HaAutomationActionRow extends LitElement {
.warning ul { .warning ul {
margin: 4px 0; margin: 4px 0;
} }
.selected_menu_item {
color: var(--primary-color);
}
li[role="separator"] {
border-bottom-color: var(--divider-color);
}
`, `,
]; ];
} }

8
src/panels/config/automation/condition/ha-automation-condition-row.ts
View File

@ -145,6 +145,7 @@ export default class HaAutomationConditionRow extends LitElement {
${this.hass.localize("ui.panel.config.automation.editor.edit_ui")} ${this.hass.localize("ui.panel.config.automation.editor.edit_ui")}
${!this._yamlMode ${!this._yamlMode
? html`<ha-svg-icon ? html`<ha-svg-icon
class="selected_menu_item"
slot="graphic" slot="graphic"
.path=${mdiCheck} .path=${mdiCheck}
></ha-svg-icon>` ></ha-svg-icon>`
@ -157,6 +158,7 @@ export default class HaAutomationConditionRow extends LitElement {
)} )}
${this._yamlMode ${this._yamlMode
? html`<ha-svg-icon ? html`<ha-svg-icon
class="selected_menu_item"
slot="graphic" slot="graphic"
.path=${mdiCheck} .path=${mdiCheck}
></ha-svg-icon>` ></ha-svg-icon>`
@ -477,6 +479,12 @@ export default class HaAutomationConditionRow extends LitElement {
.testing.pass { .testing.pass {
background-color: var(--success-color); background-color: var(--success-color);
} }
.selected_menu_item {
color: var(--primary-color);
}
li[role="separator"] {
border-bottom-color: var(--divider-color);
}
`, `,
]; ];
} }

8
src/panels/config/automation/trigger/ha-automation-trigger-row.ts
View File

@ -170,6 +170,7 @@ export default class HaAutomationTriggerRow extends LitElement {
${this.hass.localize("ui.panel.config.automation.editor.edit_ui")} ${this.hass.localize("ui.panel.config.automation.editor.edit_ui")}
${!yamlMode ${!yamlMode
? html`<ha-svg-icon ? html`<ha-svg-icon
class="selected_menu_item"
slot="graphic" slot="graphic"
.path=${mdiCheck} .path=${mdiCheck}
></ha-svg-icon>` ></ha-svg-icon>`
@ -182,6 +183,7 @@ export default class HaAutomationTriggerRow extends LitElement {
)} )}
${yamlMode ${yamlMode
? html`<ha-svg-icon ? html`<ha-svg-icon
class="selected_menu_item"
slot="graphic" slot="graphic"
.path=${mdiCheck} .path=${mdiCheck}
></ha-svg-icon>` ></ha-svg-icon>`
@ -592,6 +594,12 @@ export default class HaAutomationTriggerRow extends LitElement {
display: block; display: block;
margin-bottom: 24px; margin-bottom: 24px;
} }
.selected_menu_item {
color: var(--primary-color);
}
li[role="separator"] {
border-bottom-color: var(--divider-color);
}
`, `,
]; ];
} }

4
src/panels/config/script/ha-script-editor.ts
View File

@ -210,7 +210,6 @@ export class HaScriptEditor extends KeyboardShortcutMixin(LitElement) {
"ui.panel.config.automation.editor.edit_yaml" "ui.panel.config.automation.editor.edit_yaml"
)} )}
graphic="icon" graphic="icon"
?activated=${this._mode === "yaml"}
> >
${this.hass.localize("ui.panel.config.automation.editor.edit_yaml")} ${this.hass.localize("ui.panel.config.automation.editor.edit_yaml")}
${this._mode === "yaml" ${this._mode === "yaml"
@ -833,6 +832,9 @@ export class HaScriptEditor extends KeyboardShortcutMixin(LitElement) {
font-weight: 400; font-weight: 400;
flex: 1; flex: 1;
} }
.header a {
color: var(--secondary-text-color);
}
`, `,
]; ];
} }