jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-08-04 06:57:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use ha-tip for yaml move tip (#12559)

Browse Source
This commit is contained in:
Bram Kragten 2022-05-03 13:22:48 +02:00 committed by GitHub
parent a5411f7ac4
commit 02e67d1146
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/panels/config/core/ha-config-system-navigation.ts
View File

@ -2,6 +2,7 @@ import { css, CSSResultGroup, html, LitElement, TemplateResult } from "lit";
import { customElement, property } from "lit/decorators"; import { customElement, property } from "lit/decorators";
import { canShowPage } from "../../../common/config/can_show_page"; import { canShowPage } from "../../../common/config/can_show_page";
import "../../../components/ha-card"; import "../../../components/ha-card";
import "../../../components/ha-tip";
import "../../../components/ha-navigation-list"; import "../../../components/ha-navigation-list";
import { CloudStatus } from "../../../data/cloud"; import { CloudStatus } from "../../../data/cloud";
import { import {
@ -61,7 +62,12 @@ class HaConfigSystemNavigation extends LitElement {
.pages=${pages} .pages=${pages}
></ha-navigation-list> ></ha-navigation-list>
</ha-card> </ha-card>
<div class="yaml-config">Looking for YAML Configuration? It has moved to <a href="/developer-tools/yaml">Developer Tools</a></a></div> ${this.hass.userData?.showAdvanced
? html`<ha-tip>
Looking for YAML Configuration? It has moved to
<a href="/developer-tools/yaml">Developer Tools</a>
</ha-tip>`
: ""}
</ha-config-section> </ha-config-section>
</hass-subpage> </hass-subpage>
`; `;
@ -137,10 +143,8 @@ class HaConfigSystemNavigation extends LitElement {
--navigation-list-item-title-font-size: 16px; --navigation-list-item-title-font-size: 16px;
--navigation-list-item-padding: 4px; --navigation-list-item-padding: 4px;
} }
.yaml-config { ha-tip {
margin-bottom: max(env(safe-area-inset-bottom), 24px); margin-bottom: max(env(safe-area-inset-bottom), 8px);
text-align: center;
font-style: italic;
} }
`, `,
]; ];