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

Restore hui-card-options.ts

Browse Source
This commit is contained in:
Zack Barett 2020-11-03 23:04:19 -06:00 committed by GitHub
parent adc10ff0c6
commit 480e781364
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 19 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
src/panels/lovelace/components/hui-card-options.ts
View File

@ -1,8 +1,7 @@
import "@material/mwc-button"; import "@material/mwc-button";
import "@material/mwc-icon-button";
import { ActionDetail } from "@material/mwc-list/mwc-list-foundation";
import "@material/mwc-list/mwc-list-item"; import "@material/mwc-list/mwc-list-item";
import { mdiArrowDown, mdiArrowUp, mdiDotsVertical } from "@mdi/js"; import "@material/mwc-icon-button";
import "../../../components/ha-button-menu";
import { import {
css, css,
CSSResult, CSSResult,
@ -10,20 +9,21 @@ import {
html, html,
LitElement, LitElement,
property, property,
queryAssignedNodes,
TemplateResult, TemplateResult,
queryAssignedNodes,
} from "lit-element"; } from "lit-element";
import "../../../components/ha-button-menu"; import { HomeAssistant } from "../../../types";
import { showEditCardDialog } from "../editor/card-editor/show-edit-card-dialog";
import { swapCard, moveCard, addCard, deleteCard } from "../editor/config-util";
import { confDeleteCard } from "../editor/delete-card";
import { Lovelace, LovelaceCard } from "../types";
import { computeCardSize } from "../common/compute-card-size";
import { mdiDotsVertical, mdiArrowDown, mdiArrowUp } from "@mdi/js";
import { ActionDetail } from "@material/mwc-list/mwc-list-foundation";
import { showSelectViewDialog } from "../editor/select-view/show-select-view-dialog";
import { saveConfig } from "../../../data/lovelace"; import { saveConfig } from "../../../data/lovelace";
import { showAlertDialog } from "../../../dialogs/generic/show-dialog-box"; import { showAlertDialog } from "../../../dialogs/generic/show-dialog-box";
import { HomeAssistant } from "../../../types";
import { showSaveSuccessToast } from "../../../util/toast-saved-success"; import { showSaveSuccessToast } from "../../../util/toast-saved-success";
import { computeCardSize } from "../common/compute-card-size";
import { showEditCardDialog } from "../editor/card-editor/show-edit-card-dialog";
import { addCard, deleteCard, moveCard, swapCard } from "../editor/config-util";
import { confDeleteCard } from "../editor/delete-card";
import { showSelectViewDialog } from "../editor/select-view/show-select-view-dialog";
import { Lovelace, LovelaceCard } from "../types";
@customElement("hui-card-options") @customElement("hui-card-options")
export class HuiCardOptions extends LitElement { export class HuiCardOptions extends LitElement {
@ -42,7 +42,7 @@ export class HuiCardOptions extends LitElement {
protected render(): TemplateResult { protected render(): TemplateResult {
return html` return html`
<slot></slot> <slot></slot>
<div> <ha-card>
<div class="card-actions"> <div class="card-actions">
<mwc-button @click=${this._editCard} <mwc-button @click=${this._editCard}
>${this.hass!.localize( >${this.hass!.localize(
@ -98,7 +98,7 @@ export class HuiCardOptions extends LitElement {
</ha-button-menu> </ha-button-menu>
</div> </div>
</div> </div>
</div> </ha-card>
`; `;
} }
@ -108,20 +108,13 @@ export class HuiCardOptions extends LitElement {
outline: 2px solid var(--primary-color); outline: 2px solid var(--primary-color);
} }
.card-options { ::slotted(*) {
border-radius: var(--ha-card-border-radius, 4px); display: block;
}
ha-card {
border-top-right-radius: 0; border-top-right-radius: 0;
border-top-left-radius: 0; border-top-left-radius: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: var(
--ha-card-background,
var(--card-background-color, white)
);
--mdc-icon-button-size: 24px;
} }
.card-actions { .card-actions {