Home-Assistant/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-12-24 12:49:19 +00:00
Code Activity

Variour RTL fixes for automation and others (#26891)

Browse Source
This commit is contained in:
Yosi Levy
2025-09-08 10:13:10 +03:00
committed by GitHub
parent ae35164a57
commit 52061d6c1a
5 changed files with 19 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
hassio/src/addon-view/info/hassio-addon-info.ts
View File

@@ -781,7 +781,7 @@ class HassioAddonInfo extends LitElement {
${this.addon.long_description ${this.addon.long_description
? html` ? html`
<ha-card outlined> <ha-card class="long-description" outlined>
<div class="card-content"> <div class="card-content">
<ha-markdown <ha-markdown
.content=${this.addon.long_description} .content=${this.addon.long_description}
@@ -1333,6 +1333,9 @@ class HassioAddonInfo extends LitElement {
.description a { .description a {
color: var(--primary-color); color: var(--primary-color);
} }
.long-description {
direction: ltr;
}
ha-assist-chip { ha-assist-chip {
--md-sys-color-primary: var(--text-primary-color); --md-sys-color-primary: var(--text-primary-color);
--md-sys-color-on-surface: var(--text-primary-color); --md-sys-color-on-surface: var(--text-primary-color);

4
src/components/ha-button.ts
View File

@@ -262,10 +262,10 @@ export class HaButton extends Button {
} }
.button.has-start { .button.has-start {
padding-left: 8px; padding-inline-start: 8px;
} }
.button.has-end { .button.has-end {
padding-right: 8px; padding-inline-end: 8px;
} }
`, `,
]; ];

2
src/panels/config/automation/option/ha-automation-option.ts
View File

@@ -317,7 +317,7 @@ export default class HaAutomationOption extends LitElement {
automationRowsStyles, automationRowsStyles,
css` css`
:host([root]) .rows { :host([root]) .rows {
padding-right: 8px; padding-inline-end: 8px;
} }
`, `,
]; ];

13
src/panels/config/automation/styles.ts
View File

@@ -62,12 +62,15 @@ export const indentStyle = css`
.card-content.indent, .card-content.indent,
.selector-row, .selector-row,
:host([indent]) ha-form { :host([indent]) ha-form {
margin-left: 12px; margin-inline-start: 12px;
padding: 12px 0 16px 16px; padding-top: 12px;
border-left: 2px solid var(--ha-color-border-neutral-quiet); padding-bottom: 16px;
padding-inline-start: 16px;
padding-inline-end: 0px;
border-inline-start: 2px solid var(--ha-color-border-neutral-quiet);
border-bottom: 2px solid var(--ha-color-border-neutral-quiet); border-bottom: 2px solid var(--ha-color-border-neutral-quiet);
border-radius: 0; border-radius: 0;
border-bottom-left-radius: var(--ha-border-radius-lg); border-end-start-radius: var(--ha-border-radius-lg);
} }
.card-content.indent.selected, .card-content.indent.selected,
:host([selected]) .card-content.indent, :host([selected]) .card-content.indent,
@@ -175,7 +178,7 @@ export const automationRowsStyles = css`
gap: 16px; gap: 16px;
} }
.rows.no-sidebar { .rows.no-sidebar {
margin-right: 0; margin-inline-end: 0;
} }
.sortable-ghost { .sortable-ghost {
background: none; background: none;

5
src/panels/config/script/ha-script-field-row.ts
View File

@@ -335,7 +335,10 @@ export default class HaScriptFieldRow extends LitElement {
border-bottom-color: var(--divider-color); border-bottom-color: var(--divider-color);
} }
.selector-row { .selector-row {
padding: 12px 0 16px 16px; padding-top: 12px;
padding-bottom: 16px;
padding-inline-start: 16px;
padding-inline-end: 0px;
} }
`, `,
]; ];