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

Edit Options: Overflow Menu Fix (#5433)

Browse Source 
* Adds no wrap and removes top and bottom padding

* Small updates for clean up
This commit is contained in:
Zack Arnett 2020-04-03 11:22:40 -04:00 committed by GitHub
parent 82d6909957
commit 006d989943
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 13 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -36,7 +36,7 @@ export class HuiCardOptions extends LitElement {
<ha-card>
<div class="options">
<div class="primary-actions">
<mwc-button @click="${this._editCard}"
<mwc-button @click=${this._editCard}
>${this.hass!.localize(
"ui.panel.lovelace.editor.edit_card.edit"
)}</mwc-button
@ -47,17 +47,17 @@ export class HuiCardOptions extends LitElement {
title="Move card down"
class="move-arrow"
icon="hass:arrow-down"
@click="${this._cardDown}"
?disabled="${this.lovelace!.config.views[this.path![0]].cards!
@click=${this._cardDown}
?disabled=${this.lovelace!.config.views[this.path![0]].cards!
.length ===
this.path![1] + 1}"
this.path![1] + 1}
></paper-icon-button>
<paper-icon-button
title="Move card up"
class="move-arrow"
icon="hass:arrow-up"
@click="${this._cardUp}"
?disabled="${this.path![1] === 0}"
@click=${this._cardUp}
?disabled=${this.path![1] === 0}
></paper-icon-button>
<paper-menu-button
horizontal-align="right"
@ -73,7 +73,7 @@ export class HuiCardOptions extends LitElement {
)}
></paper-icon-button>
<paper-listbox slot="dropdown-content">
<paper-item @tap="${this._moveCard}">
<paper-item @tap=${this._moveCard}>
${this.hass!.localize(
"ui.panel.lovelace.editor.edit_card.move"
)}</paper-item
@ -83,7 +83,7 @@ export class HuiCardOptions extends LitElement {
"ui.panel.lovelace.editor.edit_card.duplicate"
)}</paper-item
>
<paper-item .class="delete-item" @tap="${this._deleteCard}">
<paper-item class="delete-item" @tap=${this._deleteCard}>
${this.hass!.localize(
"ui.panel.lovelace.editor.edit_card.delete"
)}</paper-item
@ -141,6 +141,10 @@ export class HuiCardOptions extends LitElement {
padding: 0;
}
paper-listbox {
padding: 0;
}
paper-item.header {
color: var(--primary-text-color);
text-transform: uppercase;
@ -150,6 +154,7 @@ export class HuiCardOptions extends LitElement {
paper-item {
cursor: pointer;
white-space: nowrap;
}
paper-item.delete-item {