Home-Assistant
/
frontend
mirror of https://github.com/home-assistant/frontend.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Some little hassio tweaks (#5793)

pull/5778/head
Bram Kragten 2020-05-07 16:07:58 +02:00 committed by GitHub
parent 808a31db2b
commit ca1cc7ed0d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 21 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
hassio/src/addon-store/hassio-addon-store.ts
View File

@ -12,7 +12,7 @@ import {
HassioAddonRepository, HassioAddonRepository,
reloadHassioAddons, reloadHassioAddons,
} from "../../../src/data/hassio/addon"; } from "../../../src/data/hassio/addon";
import "../../../src/components/ha-icon"; import "../../../src/components/ha-icon-button";
import "../../../src/layouts/loading-screen"; import "../../../src/layouts/loading-screen";
import "../../../src/layouts/hass-tabs-subpage"; import "../../../src/layouts/hass-tabs-subpage";
import { HomeAssistant, Route } from "../../../src/types"; import { HomeAssistant, Route } from "../../../src/types";
@ -101,11 +101,11 @@ class HassioAddonStore extends LitElement {
horizontal-offset="-5" horizontal-offset="-5"
slot="toolbar-icon" slot="toolbar-icon"
> >
<ha-icon <ha-icon-button
icon="hassio:dots-vertical" icon="hassio:dots-vertical"
slot="dropdown-trigger" slot="dropdown-trigger"
alt="menu" alt="menu"
></ha-icon> ></ha-icon-button>
<paper-listbox slot="dropdown-content" role="listbox"> <paper-listbox slot="dropdown-content" role="listbox">
<paper-item @tap=${this._manageRepositories}> <paper-item @tap=${this._manageRepositories}>
Repositories Repositories

2
hassio/src/addon-view/info/hassio-addon-info.ts
View File

@ -546,6 +546,7 @@ class HassioAddonInfo extends LitElement {
color: var(--secondary-text-color); color: var(--secondary-text-color);
} }
.addon-header { .addon-header {
padding-left: 8px;
font-size: 24px; font-size: 24px;
color: var(--paper-card-header-color, --primary-text-color); color: var(--paper-card-header-color, --primary-text-color);
} }
@ -630,7 +631,6 @@ class HassioAddonInfo extends LitElement {
.security ha-label-badge { .security ha-label-badge {
cursor: pointer; cursor: pointer;
margin-right: 4px; margin-right: 4px;
--mdc-icon-size: 45px;
--ha-label-badge-padding: 8px 0 0 0; --ha-label-badge-padding: 8px 0 0 0;
} }
.changelog { .changelog {

6
hassio/src/dialogs/repositories/dialog-hassio-repositories.ts
View File

@ -16,7 +16,7 @@ import {
} from "lit-element"; } from "lit-element";
import memoizeOne from "memoize-one"; import memoizeOne from "memoize-one";
import "../../../../src/components/ha-dialog"; import "../../../../src/components/ha-dialog";
import "../../../../src/components/ha-icon"; import "../../../../src/components/ha-icon-button";
import { haStyle, haStyleDialog } from "../../../../src/resources/styles"; import { haStyle, haStyleDialog } from "../../../../src/resources/styles";
import type { HomeAssistant } from "../../../../src/types"; import type { HomeAssistant } from "../../../../src/types";
@ -84,12 +84,12 @@ class HassioRepositoriesDialog extends LitElement {
<div secondary>${repo.maintainer}</div> <div secondary>${repo.maintainer}</div>
<div secondary>${repo.url}</div> <div secondary>${repo.url}</div>
</paper-item-body> </paper-item-body>
<ha-icon <ha-icon-button
.slug=${repo.slug} .slug=${repo.slug}
title="Remove" title="Remove"
@click=${this._removeRepository} @click=${this._removeRepository}
icon="hassio:delete" icon="hassio:delete"
></ha-icon> ></ha-icon-button>
</paper-item> </paper-item>
`; `;
}) })

14
hassio/src/hassio-main.ts
View File

@ -94,6 +94,20 @@ class HassioMain extends ProvideHassLitMixin(HassRouterPage) {
this.hass.themes, this.hass.themes,
this.hass.selectedTheme || this.hass.themes.default_theme this.hass.selectedTheme || this.hass.themes.default_theme
); );
this.style.setProperty(
"--app-header-background-color",
"var(--sidebar-background-color)"
);
this.style.setProperty(
"--app-header-text-color",
"var(--sidebar-text-color)"
);
this.style.setProperty(
"--app-header-border-bottom",
"1px solid var(--divider-color)"
);
this.addEventListener("hass-api-called", (ev) => this._apiCalled(ev)); this.addEventListener("hass-api-called", (ev) => this._apiCalled(ev));
// Paulus - March 17, 2019 // Paulus - March 17, 2019
// We went to a single hass-toggle-menu event in HA 0.90. However, the // We went to a single hass-toggle-menu event in HA 0.90. However, the