Media Player Browser: Fix child names add tooltip (#7020)

This commit is contained in:
Zack Barett 2020-09-20 04:34:56 -05:00 committed by GitHub
parent 229ba3a75c
commit d538b6145f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -5,6 +5,7 @@ import "@material/mwc-list/mwc-list-item";
import { mdiArrowLeft, mdiClose, mdiPlay, mdiPlus } from "@mdi/js"; import { mdiArrowLeft, mdiClose, mdiPlay, mdiPlus } from "@mdi/js";
import "@polymer/paper-item/paper-item"; import "@polymer/paper-item/paper-item";
import "@polymer/paper-listbox/paper-listbox"; import "@polymer/paper-listbox/paper-listbox";
import "@polymer/paper-tooltip/paper-tooltip";
import { import {
css, css,
CSSResultArray, CSSResultArray,
@ -301,7 +302,16 @@ export class HaMediaPlayerBrowse extends LitElement {
` `
: ""} : ""}
</div> </div>
<div class="title">${child.title}</div> <div class="title">
${child.title}
<paper-tooltip
fitToVisibleBounds
position="top"
offset="4"
>${child.title}</paper-tooltip
>
</div>
<div class="type"> <div class="type">
${this.hass.localize( ${this.hass.localize(
`ui.components.media-browser.content-type.${child.media_content_type}` `ui.components.media-browser.content-type.${child.media_content_type}`
@ -777,6 +787,7 @@ export class HaMediaPlayerBrowse extends LitElement {
display: -webkit-box; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
text-overflow: ellipsis;
} }
.child .type { .child .type {