mwc-fab fix where missing (#6352)

src/panels/config/areas/ha-config-areas-dashboard.ts

@@ -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;
       }
     `;
   }

src/panels/config/helpers/ha-config-helpers.ts

@@ -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;
+      }
     `;
   }
 }

src/panels/config/integrations/ha-config-integrations.ts

@@ -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;

src/panels/config/lovelace/resources/ha-config-lovelace-resources.ts

@@ -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;
+      }
     `;
   }
 }

src/panels/config/person/ha-config-person.ts

@@ -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;
+      }
     `;
   }
 }