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

Better place where device edit button is on desktop (#8566)

Browse Source
This commit is contained in:
Paulus Schoutsen 2021-03-06 05:18:42 -08:00 committed by GitHub
parent f659a6fe37
commit 35f776284b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 32 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/panels/config/devices/ha-config-device-page.ts
View File

@ -181,15 +181,17 @@ export class HaConfigDevicePage extends LitElement {
<span slot="header"> <span slot="header">
${computeDeviceName(device, this.hass)} ${computeDeviceName(device, this.hass)}
</span> </span>
<ha-icon-button
slot="toolbar-icon"
icon="hass:pencil"
@click=${this._showSettings}
></ha-icon-button>
` `
: "" : ""
} }
<ha-icon-button
slot="toolbar-icon"
icon="hass:cog"
@click=${this._showSettings}
></ha-icon-button>
<div class="container"> <div class="container">
<div class="header fullwidth"> <div class="header fullwidth">
@ -197,6 +199,7 @@ export class HaConfigDevicePage extends LitElement {
this.narrow this.narrow
? "" ? ""
: html` : html`
<div class="header-name">
<div> <div>
<h1>${computeDeviceName(device, this.hass)}</h1> <h1>${computeDeviceName(device, this.hass)}</h1>
${area ${area
@ -211,6 +214,11 @@ export class HaConfigDevicePage extends LitElement {
` `
: ""} : ""}
</div> </div>
<ha-icon-button
icon="hass:pencil"
@click=${this._showSettings}
></ha-icon-button>
</div>
` `
} }
<div class="header-right"> <div class="header-right">
@ -780,6 +788,12 @@ export class HaConfigDevicePage extends LitElement {
justify-content: space-between; justify-content: space-between;
} }
.header-name {
display: flex;
align-items: center;
padding-left: 8px;
}
.column, .column,
.fullwidth { .fullwidth {
padding: 8px; padding: 8px;