jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-11-09 10:59:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

RTL fixes (#12367)

Browse Source
This commit is contained in:
Yosi Levy
2022-04-22 18:27:49 +03:00
committed by GitHub
parent 4f13db3178
commit 3b8b6eb315
16 changed files with 84 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/dialogs/config-flow/dialog-data-entry-flow.ts
View File

@@ -11,7 +11,6 @@ import {
} from "lit";
import { customElement, state } from "lit/decorators";
import { fireEvent, HASSDomEvent } from "../../common/dom/fire_event";
import { computeRTL } from "../../common/util/compute_rtl";
import "../../components/ha-circular-progress";
import "../../components/ha-dialog";
import "../../components/ha-icon-button";
@@ -261,7 +260,6 @@ class DataEntryFlowDialog extends LitElement {
<ha-icon-button
.label=${this.hass.localize("ui.common.help")}
.path=${mdiHelpCircle}
?rtl=${computeRTL(this.hass)}
>
</ha-icon-button
></a>
@@ -273,7 +271,6 @@ class DataEntryFlowDialog extends LitElement {
)}
.path=${mdiClose}
dialogAction="close"
?rtl=${computeRTL(this.hass)}
></ha-icon-button>
</div>
${this._step === null
@@ -521,7 +518,7 @@ class DataEntryFlowDialog extends LitElement {
top: 0;
right: 0;
}
.dialog-actions[rtl] {
:host-context([style*="direction: rtl;"]) .dialog-actions {
right: auto;
left: 0;
}

4
src/dialogs/config-flow/step-flow-form.ts
View File

@@ -194,6 +194,10 @@ class StepFlowForm extends LitElement {
word-break: break-word;
padding-right: 72px;
}
:host-context([style*="direction: rtl;"]) h2 {
padding-right: auto !important;
padding-left: 72px !important;
}
`,
];
}

4
src/dialogs/config-flow/step-flow-pick-flow.ts
View File

@@ -106,6 +106,10 @@ class StepFlowPickFlow extends LitElement {
h2 {
padding-right: 66px;
}
:host-context([style*="direction: rtl;"]) h2 {
padding-right: auto !important;
padding-left: 66px !important;
}
@media all and (max-height: 900px) {
div {
max-height: calc(100vh - 134px);

4
src/dialogs/config-flow/step-flow-pick-handler.ts
View File

@@ -313,6 +313,10 @@ class StepFlowPickHandler extends LitElement {
h2 {
padding-right: 66px;
}
:host-context([style*="direction: rtl;"]) h2 {
padding-right: auto !important;
padding-left: 66px !important;
}
@media all and (max-height: 900px) {
mwc-list {
max-height: calc(100vh - 134px);