mwc-fab fix where missing (#6352)

This commit is contained in:
Yosi Levy 2020-07-09 15:00:01 +03:00 committed by GitHub
parent e71dd7409e
commit 26e678a97d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 39 additions and 5 deletions

View File

@ -38,6 +38,7 @@ import {
showAreaRegistryDetailDialog,
} from "./show-dialog-area-registry-detail";
import { mdiPlus } from "@mdi/js";
import { computeRTL } from "../../../common/util/compute_rtl";
@customElement("ha-config-areas-dashboard")
export class HaConfigAreasDashboard extends LitElement {
@ -126,6 +127,7 @@ export class HaConfigAreasDashboard extends LitElement {
<mwc-fab
?is-wide=${this.isWide}
?narrow=${this.narrow}
?rtl=${computeRTL(this.hass!)}
title="${this.hass.localize(
"ui.panel.config.areas.picker.create_area"
)}"
@ -194,15 +196,14 @@ export class HaConfigAreasDashboard extends LitElement {
mwc-fab[narrow] {
bottom: 84px;
}
mwc-fab.rtl {
mwc-fab[rtl] {
right: auto;
left: 16px;
}
mwc-fab[is-wide].rtl {
mwc-fab[is-wide][rtl] {
bottom: 24px;
right: auto;
left: 24px;
right: auto;
}
`;
}

View File

@ -33,6 +33,7 @@ import { HELPER_DOMAINS } from "./const";
import { showHelperDetailDialog } from "./show-dialog-helper-detail";
import "../../../components/ha-svg-icon";
import { mdiPlus } from "@mdi/js";
import { computeRTL } from "../../../common/util/compute_rtl";
@customElement("ha-config-helpers")
export class HaConfigHelpers extends LitElement {
@ -159,6 +160,7 @@ export class HaConfigHelpers extends LitElement {
<mwc-fab
?is-wide=${this.isWide}
?narrow=${this.narrow}
?rtl=${computeRTL(this.hass!)}
title="${this.hass.localize(
"ui.panel.config.helpers.picker.add_helper"
)}"
@ -225,6 +227,15 @@ export class HaConfigHelpers extends LitElement {
mwc-fab[narrow] {
bottom: 84px;
}
mwc-fab[rtl] {
right: auto;
left: 16px;
}
mwc-fab[is-wide][rtl] {
bottom: 24px;
left: 24px;
right: auto;
}
`;
}
}

View File

@ -717,7 +717,7 @@ class HaConfigIntegrations extends SubscribeMixin(LitElement) {
right: auto;
left: 16px;
}
mwc-fab[is-wide].rtl {
mwc-fab[is-wide][rtl] {
bottom: 24px;
left: 24px;
right: auto;

View File

@ -40,6 +40,7 @@ import { lovelaceTabs } from "../ha-config-lovelace";
import { showResourceDetailDialog } from "./show-dialog-lovelace-resource-detail";
import "../../../../components/ha-svg-icon";
import { mdiPlus } from "@mdi/js";
import { computeRTL } from "../../../../common/util/compute_rtl";
@customElement("ha-config-lovelace-resources")
export class HaConfigLovelaceRescources extends LitElement {
@ -107,6 +108,7 @@ export class HaConfigLovelaceRescources extends LitElement {
<mwc-fab
?is-wide=${this.isWide}
?narrow=${this.narrow}
?rtl=${computeRTL(this.hass!)}
title=${this.hass.localize(
"ui.panel.config.lovelace.resources.picker.add_resource"
)}
@ -215,6 +217,15 @@ export class HaConfigLovelaceRescources extends LitElement {
mwc-fab[narrow] {
bottom: 84px;
}
mwc-fab[rtl] {
right: auto;
left: 16px;
}
mwc-fab[is-wide][rtl] {
bottom: 24px;
left: 24px;
right: auto;
}
`;
}
}

View File

@ -31,6 +31,7 @@ import {
} from "./show-dialog-person-detail";
import "../../../components/ha-svg-icon";
import { mdiPlus } from "@mdi/js";
import { computeRTL } from "../../../common/util/compute_rtl";
class HaConfigPerson extends LitElement {
@property() public hass?: HomeAssistant;
@ -126,6 +127,7 @@ class HaConfigPerson extends LitElement {
<mwc-fab
?is-wide=${this.isWide}
?narrow=${this.narrow}
?rtl=${computeRTL(this.hass!)}
title="${hass.localize("ui.panel.config.person.add_person")}"
@click=${this._createPerson}
>
@ -253,6 +255,15 @@ class HaConfigPerson extends LitElement {
bottom: 24px;
right: 24px;
}
mwc-fab[rtl] {
right: auto;
left: 16px;
}
mwc-fab[is-wide][rtl] {
bottom: 24px;
left: 24px;
right: auto;
}
`;
}
}