diff --git a/src/components/media-player/dialog-media-manage.ts b/src/components/media-player/dialog-media-manage.ts index daee21d017..ef2af8e57e 100644 --- a/src/components/media-player/dialog-media-manage.ts +++ b/src/components/media-player/dialog-media-manage.ts @@ -302,6 +302,10 @@ class DialogMediaManage extends LitElement { --mdc-theme-primary: var(--mdc-theme-on-primary); } + mwc-list { + direction: ltr; + } + .danger { --mdc-theme-primary: var(--error-color); } @@ -310,6 +314,11 @@ class DialogMediaManage extends LitElement { vertical-align: middle; } + :host-context([style*="direction: rtl;"]) ha-svg-icon[slot="icon"] { + margin-left: 8px !important; + margin-right: 0px !important; + } + .refresh { display: flex; height: 200px; diff --git a/src/components/media-player/ha-media-manage-button.ts b/src/components/media-player/ha-media-manage-button.ts index b67a0903b0..aeb9d7b2bc 100644 --- a/src/components/media-player/ha-media-manage-button.ts +++ b/src/components/media-player/ha-media-manage-button.ts @@ -59,6 +59,11 @@ class MediaManageButton extends LitElement { ha-circular-progress[slot="icon"] { vertical-align: middle; } + + :host-context([style*="direction: rtl;"]) ha-svg-icon[slot="icon"] { + margin-left: 8px; + margin-right: 0px; + } `; } diff --git a/src/components/media-player/ha-media-upload-button.ts b/src/components/media-player/ha-media-upload-button.ts index 65d7b36982..413952b9a3 100644 --- a/src/components/media-player/ha-media-upload-button.ts +++ b/src/components/media-player/ha-media-upload-button.ts @@ -119,6 +119,11 @@ class MediaUploadButton extends LitElement { ha-circular-progress[slot="icon"] { vertical-align: middle; } + + :host-context([style*="direction: rtl;"]) ha-svg-icon[slot="icon"] { + margin-left: 8px; + margin-right: 0px; + } `; } diff --git a/src/panels/media-browser/ha-panel-media-browser.ts b/src/panels/media-browser/ha-panel-media-browser.ts index 049fb3d5e3..1123806c3a 100644 --- a/src/panels/media-browser/ha-panel-media-browser.ts +++ b/src/panels/media-browser/ha-panel-media-browser.ts @@ -16,6 +16,7 @@ import { fireEvent, HASSDomEvent } from "../../common/dom/fire_event"; import { navigate } from "../../common/navigate"; import "../../components/ha-menu-button"; import "../../components/ha-icon-button"; +import "../../components/ha-icon-button-arrow-prev"; import "../../components/media-player/ha-media-player-browse"; import "../../components/media-player/ha-media-manage-button"; import type { @@ -85,10 +86,10 @@ class PanelMediaBrowser extends LitElement { ${this._navigateIds.length > 1 ? html` - + > ` : html`