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 { .content {
@apply --paper-font-body1; @apply --paper-font-body1;
padding: 16px; padding: 16px;
direction: ltr;
} }
.ha-form { .ha-form {

View File

@ -35,6 +35,7 @@ class HaPanelDevInfo extends EventsMixin(LocalizeMixin(PolymerElement)) {
.content { .content {
padding: 16px 0px 16px 0; padding: 16px 0px 16px 0;
direction: ltr;
} }
.about { .about {
@ -90,6 +91,7 @@ class HaPanelDevInfo extends EventsMixin(LocalizeMixin(PolymerElement)) {
paper-dialog { paper-dialog {
border-radius: 2px; border-radius: 2px;
direction: ltr;
} }
@media all and (max-width: 450px), all and (max-height: 500px) { @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; padding: 24px 0 32px;
max-width: 600px; max-width: 600px;
margin: 0 auto; margin: 0 auto;
direction: ltr;
} }
paper-card { paper-card {

View File

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

View File

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

View File

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