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

Fix integrations fab spacing (#5594)

Browse Source 
* 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
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/panels/config/integrations/ha-config-integrations.ts
View File

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