Fix integrations fab spacing (#5594)

* Fix integrations fab spacing

* Use is-wide
This commit is contained in:
Aidan Timson 2020-04-24 09:35:21 +01:00 committed by GitHub
parent 4f518cac2c
commit 49f2fd2af7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -385,8 +385,9 @@ class HaConfigIntegrations extends SubscribeMixin(LitElement) {
aria-label=${this.hass.localize("ui.panel.config.integrations.new")}
title=${this.hass.localize("ui.panel.config.integrations.new")}
@click=${this._createFlow}
?rtl=${computeRTL(this.hass!)}
?is-wide=${this.isWide}
?narrow=${this.narrow}
?rtl=${computeRTL(this.hass!)}
></ha-fab>
</hass-tabs-subpage>
`;
@ -643,6 +644,10 @@ class HaConfigIntegrations extends SubscribeMixin(LitElement) {
right: 16px;
z-index: 1;
}
ha-fab[is-wide] {
bottom: 24px;
right: 24px;
}
ha-fab[narrow] {
bottom: 84px;
}
@ -650,6 +655,11 @@ class HaConfigIntegrations extends SubscribeMixin(LitElement) {
right: auto;
left: 16px;
}
ha-fab[is-wide].rtl {
bottom: 24px;
left: 24px;
right: auto;
}
paper-menu-button {
color: var(--secondary-text-color);
padding: 0;