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

This commit is contained in:
Bram Kragten 2019-02-13 21:32:32 +01:00 committed by Paulus Schoutsen
parent 38ba6058be
commit 2ae30ac024

View File

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