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

fix media icon diff (#7071)

Browse Source
This commit is contained in:
Zack Barett 2020-09-21 10:44:56 -05:00 committed by GitHub
parent 60133941ae
commit 0fb38140a6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 15 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/dialogs/more-info/controls/more-info-media_player.ts
View File

@ -1,4 +1,6 @@
import "@material/mwc-button/mwc-button"; import "@material/mwc-button/mwc-button";
import "@material/mwc-icon-button";
import { mdiPlayBoxMultiple } from "@mdi/js";
import "@polymer/paper-input/paper-input"; import "@polymer/paper-input/paper-input";
import "@polymer/paper-item/paper-item"; import "@polymer/paper-item/paper-item";
import "@polymer/paper-listbox/paper-listbox"; import "@polymer/paper-listbox/paper-listbox";
@ -19,6 +21,7 @@ import "../../../components/ha-icon";
import "../../../components/ha-icon-button"; import "../../../components/ha-icon-button";
import "../../../components/ha-paper-dropdown-menu"; import "../../../components/ha-paper-dropdown-menu";
import "../../../components/ha-slider"; import "../../../components/ha-slider";
import "../../../components/ha-svg-icon";
import { showMediaBrowserDialog } from "../../../components/media-player/show-media-browser-dialog"; import { showMediaBrowserDialog } from "../../../components/media-player/show-media-browser-dialog";
import { UNAVAILABLE, UNAVAILABLE_STATES, UNKNOWN } from "../../../data/entity"; import { UNAVAILABLE, UNAVAILABLE_STATES, UNKNOWN } from "../../../data/entity";
import { import {
@ -75,14 +78,13 @@ class MoreInfoMediaPlayer extends LitElement {
</div> </div>
${supportsFeature(stateObj, SUPPORT_BROWSE_MEDIA) ${supportsFeature(stateObj, SUPPORT_BROWSE_MEDIA)
? html` ? html`
<ha-icon-button <mwc-icon-button
icon="hass:folder-multiple"
.title=${this.hass.localize( .title=${this.hass.localize(
"ui.card.media_player.browse_media" "ui.card.media_player.browse_media"
)} )}
@click=${this._showBrowseMedia} @click=${this._showBrowseMedia}
> ><ha-svg-icon .path=${mdiPlayBoxMultiple}></ha-svg-icon
</ha-icon-button> ></mwc-icon-button>
` `
: ""} : ""}
</div> </div>

13
src/panels/lovelace/cards/hui-media-control-card.ts
View File

@ -1,3 +1,5 @@
import "@material/mwc-icon-button";
import { mdiPlayBoxMultiple } from "@mdi/js";
import "@polymer/paper-progress/paper-progress"; import "@polymer/paper-progress/paper-progress";
import type { PaperProgressElement } from "@polymer/paper-progress/paper-progress"; import type { PaperProgressElement } from "@polymer/paper-progress/paper-progress";
import { import {
@ -25,6 +27,7 @@ import { debounce } from "../../../common/util/debounce";
import "../../../components/ha-card"; import "../../../components/ha-card";
import "../../../components/ha-icon"; import "../../../components/ha-icon";
import "../../../components/ha-icon-button"; import "../../../components/ha-icon-button";
import "../../../components/ha-svg-icon";
import { showMediaBrowserDialog } from "../../../components/media-player/show-media-browser-dialog"; import { showMediaBrowserDialog } from "../../../components/media-player/show-media-browser-dialog";
import { UNAVAILABLE_STATES } from "../../../data/entity"; import { UNAVAILABLE_STATES } from "../../../data/entity";
import { import {
@ -403,14 +406,16 @@ export class HuiMediaControlCard extends LitElement implements LovelaceCard {
)} )}
${supportsFeature(stateObj, SUPPORT_BROWSE_MEDIA) ${supportsFeature(stateObj, SUPPORT_BROWSE_MEDIA)
? html` ? html`
<ha-icon-button <mwc-icon-button
class="browse-media" class="browse-media"
icon="hass:folder-multiple"
.title=${this.hass.localize( .title=${this.hass.localize(
"ui.card.media_player.browse_media" "ui.card.media_player.browse_media"
)} )}
@click=${this._handleBrowseMedia} @click=${this._handleBrowseMedia}
></ha-icon-button> ><ha-svg-icon
.path=${mdiPlayBoxMultiple}
></ha-svg-icon
></mwc-icon-button>
` `
: ""} : ""}
</div> </div>
@ -866,7 +871,7 @@ export class HuiMediaControlCard extends LitElement implements LovelaceCard {
--mdc-icon-size: 40px; --mdc-icon-size: 40px;
} }
ha-icon-button.browse-media { mwc-icon-button.browse-media {
position: absolute; position: absolute;
right: 0; right: 0;
--mdc-icon-size: 24px; --mdc-icon-size: 24px;