jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-28 03:36:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

RTL toast fix (#2646)

Browse Source 
* RTL toast fix

* Removed reflectToAttribute
This commit is contained in:
yosilevy 2019-02-01 19:40:45 +02:00 committed by Paulus Schoutsen
parent 4cd3b683a7
commit ecd33fd93c
2 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/layouts/app/dialog-manager-mixin.ts
View File

@ -74,8 +74,8 @@ export const dialogManagerMixin = (
if (!(dialogTag in LOADED)) { if (!(dialogTag in LOADED)) {
LOADED[dialogTag] = dialogImport().then(() => { LOADED[dialogTag] = dialogImport().then(() => {
const dialogEl = document.createElement(dialogTag) as HassDialog; const dialogEl = document.createElement(dialogTag) as HassDialog;
this.shadowRoot!.appendChild(dialogEl);
this.provideHass(dialogEl); this.provideHass(dialogEl);
this.shadowRoot!.appendChild(dialogEl);
return dialogEl; return dialogEl;
}); });
} }

11
src/managers/notification-manager.js
View File

@ -2,6 +2,7 @@ import { html } from "@polymer/polymer/lib/utils/html-tag";
import { PolymerElement } from "@polymer/polymer/polymer-element"; import { PolymerElement } from "@polymer/polymer/polymer-element";
import LocalizeMixin from "../mixins/localize-mixin"; import LocalizeMixin from "../mixins/localize-mixin";
import { computeRTL } from "../common/util/compute_rtl";
class NotificationManager extends LocalizeMixin(PolymerElement) { class NotificationManager extends LocalizeMixin(PolymerElement) {
static get template() { static get template() {
@ -14,6 +15,7 @@ class NotificationManager extends LocalizeMixin(PolymerElement) {
<ha-toast <ha-toast
id="toast" id="toast"
dir="[[_rtl]]"
no-cancel-on-outside-click="[[_cancelOnOutsideClick]]" no-cancel-on-outside-click="[[_cancelOnOutsideClick]]"
></ha-toast> ></ha-toast>
`; `;
@ -27,6 +29,11 @@ class NotificationManager extends LocalizeMixin(PolymerElement) {
type: Boolean, type: Boolean,
value: false, value: false,
}, },
_rtl: {
type: String,
computed: "_computeRTLDirection(hass)",
},
}; };
} }
@ -38,6 +45,10 @@ class NotificationManager extends LocalizeMixin(PolymerElement) {
showDialog({ message }) { showDialog({ message }) {
this.$.toast.show(message); this.$.toast.show(message);
} }
_computeRTLDirection(hass) {
return computeRTL(hass) ? "rtl" : "ltr";
}
} }
customElements.define("notification-manager", NotificationManager); customElements.define("notification-manager", NotificationManager);