Use ha-icon-button in ha-icon-overflow-menu (#10692)

This commit is contained in:
Philip Allgaier 2021-11-29 09:58:34 +01:00 committed by GitHub
parent 117b50f3ea
commit 367322415e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -1,12 +1,12 @@
import "@material/mwc-list/mwc-list-item";
import { mdiDotsVertical } from "@mdi/js";
import "@polymer/paper-tooltip/paper-tooltip";
import { css, html, LitElement, TemplateResult } from "lit"; import { css, html, LitElement, TemplateResult } from "lit";
import { customElement, property } from "lit/decorators"; import { customElement, property } from "lit/decorators";
import "./ha-button-menu";
import "@material/mwc-list/mwc-list-item";
import "@material/mwc-icon-button";
import "./ha-svg-icon";
import { mdiDotsVertical } from "@mdi/js";
import { HomeAssistant } from "../types"; import { HomeAssistant } from "../types";
import "@polymer/paper-tooltip/paper-tooltip"; import "./ha-button-menu";
import "./ha-icon-button";
import "./ha-svg-icon";
export interface IconOverflowMenuItem { export interface IconOverflowMenuItem {
[key: string]: any; [key: string]: any;
@ -37,13 +37,11 @@ export class HaIconOverflowMenu extends LitElement {
corner="BOTTOM_START" corner="BOTTOM_START"
absolute absolute
> >
<mwc-icon-button <ha-icon-button
.title=${this.hass.localize("ui.common.menu")}
.label=${this.hass.localize("ui.common.overflow_menu")} .label=${this.hass.localize("ui.common.overflow_menu")}
.path=${mdiDotsVertical}
slot="trigger" slot="trigger"
> ></ha-icon-button>
<ha-svg-icon .path=${mdiDotsVertical}></ha-svg-icon>
</mwc-icon-button>
${this.items.map( ${this.items.map(
(item) => html` (item) => html`