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

Position delete/move menu better for mobile (#2738)

Browse Source
This commit is contained in:
Bram Kragten 2019-02-13 21:32:32 +01:00 committed by Paulus Schoutsen
parent 38ba6058be
commit 2ae30ac024
1 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -34,34 +34,37 @@ export class HuiCardOptions extends LitElement {
rgba(0, 0, 0, 0.2) 0px 3px 1px -2px; rgba(0, 0, 0, 0.2) 0px 3px 1px -2px;
display: flex; display: flex;
} }
div.options .primary-actions { div.options .primary-actions {
flex: 1; flex: 1;
margin: auto; margin: auto;
} }
div.options .secondary-actions { div.options .secondary-actions {
flex: 4; flex: 4;
text-align: right; text-align: right;
} }
mwc-button {
color: var(--primary-color);
font-weight: 500;
}
paper-icon-button { paper-icon-button {
color: var(--primary-text-color); color: var(--primary-text-color);
} }
paper-icon-button.move-arrow[disabled] { paper-icon-button.move-arrow[disabled] {
color: var(--disabled-text-color); color: var(--disabled-text-color);
} }
paper-menu-button { paper-menu-button {
color: var(--secondary-text-color); color: var(--secondary-text-color);
padding: 0; padding: 0;
} }
paper-item.header { paper-item.header {
color: var(--primary-text-color); color: var(--primary-text-color);
text-transform: uppercase; text-transform: uppercase;
font-weight: 500; font-weight: 500;
font-size: 14px; font-size: 14px;
} }
paper-item { paper-item {
cursor: pointer; cursor: pointer;
} }
@ -92,7 +95,11 @@ export class HuiCardOptions extends LitElement {
@click="${this._cardUp}" @click="${this._cardUp}"
?disabled="${this.path![1] === 0}" ?disabled="${this.path![1] === 0}"
></paper-icon-button> ></paper-icon-button>
<paper-menu-button> <paper-menu-button
horizontal-align="right"
vertical-align="bottom"
vertical-offset="40"
>
<paper-icon-button <paper-icon-button
icon="hass:dots-vertical" icon="hass:dots-vertical"
slot="dropdown-trigger" slot="dropdown-trigger"