jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-28 11:46:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

RTL fixes to new data table (#20283)

Browse Source 
RTL fixes to new features
This commit is contained in:
Yosi Levy 2024-03-30 15:32:29 +03:00 committed by GitHub
parent 88c59c5c13
commit e8dc61ec36
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/chips/ha-assist-chip.ts
View File

@ -56,6 +56,9 @@ export class HaAssistChip extends MdAssistChip {
background: var(--ha-assist-chip-active-container-color); background: var(--ha-assist-chip-active-container-color);
opacity: var(--ha-assist-chip-active-container-opacity); opacity: var(--ha-assist-chip-active-container-opacity);
} }
.label {
font-family: Roboto, sans-serif;
}
`, `,
]; ];

9
src/components/ha-color-picker.ts
View File

@ -6,6 +6,7 @@ import { computeCssColor, THEME_COLORS } from "../common/color/compute-color";
import { fireEvent } from "../common/dom/fire_event"; import { fireEvent } from "../common/dom/fire_event";
import { stopPropagation } from "../common/dom/stop_propagation"; import { stopPropagation } from "../common/dom/stop_propagation";
import "./ha-select"; import "./ha-select";
import "./ha-list-item";
import { HomeAssistant } from "../types"; import { HomeAssistant } from "../types";
import { LocalizeKeys } from "../common/translations/localize"; import { LocalizeKeys } from "../common/translations/localize";
@ -53,18 +54,18 @@ export class HaColorPicker extends LitElement {
` `
: nothing} : nothing}
${this.defaultColor ${this.defaultColor
? html` <mwc-list-item value="default"> ? html` <ha-list-item value="default">
${this.hass.localize(`ui.components.color-picker.default_color`)} ${this.hass.localize(`ui.components.color-picker.default_color`)}
</mwc-list-item>` </ha-list-item>`
: nothing} : nothing}
${Array.from(THEME_COLORS).map( ${Array.from(THEME_COLORS).map(
(color) => html` (color) => html`
<mwc-list-item .value=${color} graphic="icon"> <ha-list-item .value=${color} graphic="icon">
${this.hass.localize( ${this.hass.localize(
`ui.components.color-picker.colors.${color}` as LocalizeKeys `ui.components.color-picker.colors.${color}` as LocalizeKeys
) || color} ) || color}
<span slot="graphic">${this.renderColorCircle(color)}</span> <span slot="graphic">${this.renderColorCircle(color)}</span>
</mwc-list-item> </ha-list-item>
` `
)} )}
</ha-select> </ha-select>

3
src/components/ha-outlined-text-field.ts
View File

@ -27,6 +27,9 @@ export class HaOutlinedTextField extends MdOutlinedTextField {
--md-outlined-field-focus-outline-width: 1px; --md-outlined-field-focus-outline-width: 1px;
--mdc-icon-size: var(--md-input-chip-icon-size, 18px); --mdc-icon-size: var(--md-input-chip-icon-size, 18px);
} }
.input {
font-family: Roboto, sans-serif;
}
`, `,
]; ];
} }

4
src/layouts/hass-tabs-subpage-data-table.ts
View File

@ -637,6 +637,8 @@ export class HaTabsSubpageDataTable extends LitElement {
position: absolute; position: absolute;
top: -4px; top: -4px;
right: -4px; right: -4px;
inset-inline-end: -4px;
inset-inline-start: initial;
min-width: 16px; min-width: 16px;
box-sizing: border-box; box-sizing: border-box;
border-radius: 50%; border-radius: 50%;
@ -682,6 +684,8 @@ export class HaTabsSubpageDataTable extends LitElement {
.selection-bar p { .selection-bar p {
margin-left: 16px; margin-left: 16px;
margin-inline-start: 16px;
margin-inline-end: initial;
} }
ha-assist-chip { ha-assist-chip {