Force dev panels to LTR even in RTL language to make it usable. Same for logbook. (#2432)

This commit is contained in:
yosilevy 2019-01-11 01:39:41 +02:00 committed by Paulus Schoutsen
parent 07a4505f1e
commit 1d4f74cda3
6 changed files with 24 additions and 0 deletions

View File

@ -30,6 +30,7 @@ class HaPanelDevEvent extends EventsMixin(PolymerElement) {
.content {
@apply --paper-font-body1;
padding: 16px;
direction: ltr;
}
.ha-form {

View File

@ -35,6 +35,7 @@ class HaPanelDevInfo extends EventsMixin(LocalizeMixin(PolymerElement)) {
.content {
padding: 16px 0px 16px 0;
direction: ltr;
}
.about {
@ -90,6 +91,7 @@ class HaPanelDevInfo extends EventsMixin(LocalizeMixin(PolymerElement)) {
paper-dialog {
border-radius: 2px;
direction: ltr;
}
@media all and (max-width: 450px), all and (max-height: 500px) {

View File

@ -26,6 +26,7 @@ class HaPanelDevMqtt extends PolymerElement {
padding: 24px 0 32px;
max-width: 600px;
margin: 0 auto;
direction: ltr;
}
paper-card {

View File

@ -25,6 +25,7 @@ class HaPanelDevService extends PolymerElement {
.content {
padding: 16px;
direction: ltr;
}
.ha-form {

View File

@ -24,6 +24,7 @@ class HaPanelDevTemplate extends PolymerElement {
.content {
padding: 16px;
direction: ltr;
}
.edit-pane {

View File

@ -7,6 +7,7 @@ import formatTime from "../../common/datetime/format_time";
import formatDate from "../../common/datetime/format_date";
import EventsMixin from "../../mixins/events-mixin";
import domainIcon from "../../common/entity/domain_icon";
import { computeRTL } from "../../common/util/compute_rtl";
/*
* @appliesMixin EventsMixin
@ -20,6 +21,10 @@ class HaLogbook extends EventsMixin(PolymerElement) {
display: block;
}
:host([rtl]) {
direction: ltr;
}
.entry {
@apply --paper-font-body1;
line-height: 2em;
@ -31,6 +36,10 @@ class HaLogbook extends EventsMixin(PolymerElement) {
color: var(--secondary-text-color);
}
:host([rtl]) .date {
direction: rtl;
}
iron-icon {
margin: 0 8px 0 16px;
color: var(--primary-text-color);
@ -83,6 +92,11 @@ class HaLogbook extends EventsMixin(PolymerElement) {
type: Array,
value: [],
},
rtl: {
type: Boolean,
reflectToAttribute: true,
computed: "_computeRTL(hass)",
},
};
}
@ -109,6 +123,10 @@ class HaLogbook extends EventsMixin(PolymerElement) {
return domainIcon(domain);
}
_computeRTL(hass) {
return computeRTL(hass);
}
entityClicked(ev) {
ev.preventDefault();
this.fire("hass-more-info", { entityId: ev.model.item.entity_id });