mirror of
https://github.com/home-assistant/frontend.git
synced 2025-04-27 06:47:20 +00:00
Media Player Browser: Fix child names add tooltip (#7020)
This commit is contained in:
parent
229ba3a75c
commit
d538b6145f
@ -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 {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user