Various RTL fixes (#12721)

This commit is contained in:
Yosi Levy 2022-05-19 17:25:30 +03:00 committed by GitHub
parent 448609533f
commit 6f19ea1d84
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
8 changed files with 29 additions and 1 deletions

View File

@ -140,6 +140,9 @@ export class HaDateRangePicker extends LitElement {
return css`
ha-svg-icon {
margin-right: 8px;
margin-inline-end: 8px;
margin-inline-start: initial;
direction: var(--direction);
}
.date-range-inputs {
@ -166,6 +169,9 @@ export class HaDateRangePicker extends LitElement {
ha-textfield:last-child {
margin-left: 8px;
margin-inline-start: 8px;
margin-inline-end: initial;
direction: var(--direction);
}
@media only screen and (max-width: 800px) {

View File

@ -133,6 +133,9 @@ class HaExpansionPanel extends LitElement {
.summary-icon {
transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
margin-left: auto;
margin-inline-start: auto;
margin-inline-end: initial;
direction: var(--direction);
}
.summary-icon.expanded {

View File

@ -336,6 +336,9 @@ export class HAFullCalendar extends LitElement {
.today {
margin-right: 20px;
margin-inline-end: 20px;
margin-inline-start: initial;
direction: var(--direction);
}
.prev,

View File

@ -194,10 +194,13 @@ class PanelCalendar extends LitElement {
.calendar-list {
padding-right: 16px;
padding-inline-end: 16px;
padding-inline-start: initial;
min-width: 170px;
flex: 0 0 15%;
overflow: hidden;
--mdc-theme-text-primary-on-background: var(--primary-text-color);
direction: var(--direction);
}
.calendar-list > div {

View File

@ -248,7 +248,6 @@ class HaPanelDevTemplate extends LitElement {
.content {
padding: 16px;
direction: ltr;
}
.edit-pane {
@ -280,6 +279,7 @@ class HaPanelDevTemplate extends LitElement {
white-space: pre-wrap;
background-color: var(--secondary-background-color);
padding: 8px;
direction: ltr;
}
.all_listeners {

View File

@ -259,11 +259,17 @@ class HaPanelHistory extends LitElement {
ha-date-range-picker {
margin-right: 16px;
margin-inline-end: 16px;
margin-inline-start: initial;
max-width: 100%;
direction: var(--direction);
}
:host([narrow]) ha-date-range-picker {
margin-right: 0;
margin-inline-end: 0;
margin-inline-start: initial;
direction: var(--direction);
}
ha-circular-progress {

View File

@ -252,11 +252,17 @@ export class HaPanelLogbook extends LitElement {
ha-date-range-picker {
margin-right: 16px;
margin-inline-end: 16px;
margin-inline-start: initial;
max-width: 100%;
direction: var(--direction);
}
:host([narrow]) ha-date-range-picker {
margin-right: 0;
margin-inline-end: 0;
margin-inline-start: initial;
direction: var(--direction);
}
.filters {

View File

@ -595,6 +595,7 @@ export class BarMediaPlayer extends LitElement {
align-items: center;
justify-content: center;
flex-direction: column;
direction: ltr;
}
.progress {