mirror of
https://github.com/home-assistant/frontend.git
synced 2025-07-27 11:16:35 +00:00
Force dev panels to LTR even in RTL language to make it usable. Same for logbook. (#2432)
This commit is contained in:
parent
07a4505f1e
commit
1d4f74cda3
@ -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 {
|
||||||
|
@ -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) {
|
||||||
|
@ -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 {
|
||||||
|
@ -25,6 +25,7 @@ class HaPanelDevService extends PolymerElement {
|
|||||||
|
|
||||||
.content {
|
.content {
|
||||||
padding: 16px;
|
padding: 16px;
|
||||||
|
direction: ltr;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ha-form {
|
.ha-form {
|
||||||
|
@ -24,6 +24,7 @@ class HaPanelDevTemplate extends PolymerElement {
|
|||||||
|
|
||||||
.content {
|
.content {
|
||||||
padding: 16px;
|
padding: 16px;
|
||||||
|
direction: ltr;
|
||||||
}
|
}
|
||||||
|
|
||||||
.edit-pane {
|
.edit-pane {
|
||||||
|
@ -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 });
|
||||||
|
Loading…
x
Reference in New Issue
Block a user