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

RTL fixes (#20880)

Browse Source
This commit is contained in:
Yosi Levy 2024-05-27 15:09:29 +03:00 committed by GitHub
parent 1dbb70b964
commit dfee3ba089
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/ha-icon-picker.ts
View File

@ -1,4 +1,3 @@
import "@material/mwc-list/mwc-list-item";
import { ComboBoxLitRenderer } from "@vaadin/combo-box/lit"; import { ComboBoxLitRenderer } from "@vaadin/combo-box/lit";
import { import {
ComboBoxDataProviderCallback, ComboBoxDataProviderCallback,
@ -11,6 +10,7 @@ import { fireEvent } from "../common/dom/fire_event";
import { customIcons } from "../data/custom_icons"; import { customIcons } from "../data/custom_icons";
import { HomeAssistant, ValueChangedEvent } from "../types"; import { HomeAssistant, ValueChangedEvent } from "../types";
import "./ha-combo-box"; import "./ha-combo-box";
import "./ha-list-item";
import "./ha-icon"; import "./ha-icon";
type IconItem = { type IconItem = {
@ -67,10 +67,10 @@ const loadCustomIconItems = async (iconsetPrefix: string) => {
}; };
const rowRenderer: ComboBoxLitRenderer<IconItem | RankedIcon> = (item) => const rowRenderer: ComboBoxLitRenderer<IconItem | RankedIcon> = (item) =>
html`<mwc-list-item graphic="avatar"> html`<ha-list-item graphic="avatar">
<ha-icon .icon=${item.icon} slot="graphic"></ha-icon> <ha-icon .icon=${item.icon} slot="graphic"></ha-icon>
${item.icon} ${item.icon}
</mwc-list-item>`; </ha-list-item>`;
@customElement("ha-icon-picker") @customElement("ha-icon-picker")
export class HaIconPicker extends LitElement { export class HaIconPicker extends LitElement {

1
src/components/ha-list-item.ts
View File

@ -100,6 +100,7 @@ export class HaListItem extends ListItemBase {
span.material-icons:first-of-type, span.material-icons:first-of-type,
span.material-icons:last-of-type { span.material-icons:last-of-type {
direction: rtl !important; direction: rtl !important;
--direction: rtl;
} }
` `
: css``, : css``,

1
src/components/ha-textfield.ts
View File

@ -206,6 +206,7 @@ export class HaTextField extends TextFieldBase {
.mdc-floating-label, .mdc-floating-label,
.mdc-text-field__input[type="number"] { .mdc-text-field__input[type="number"] {
direction: rtl; direction: rtl;
--direction: rtl;
} }
` `
: css``, : css``,