From d538b6145f41ab0f5a73c49c6074968d8094d911 Mon Sep 17 00:00:00 2001
From: Zack Barett <arnett.zackary@gmail.com>
Date: Sun, 20 Sep 2020 04:34:56 -0500
Subject: [PATCH] Media Player Browser: Fix child names add tooltip (#7020)

---
 .../media-player/ha-media-player-browse.ts          | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/components/media-player/ha-media-player-browse.ts b/src/components/media-player/ha-media-player-browse.ts
index e8b42a973c..53dfc5c230 100644
--- a/src/components/media-player/ha-media-player-browse.ts
+++ b/src/components/media-player/ha-media-player-browse.ts
@@ -5,6 +5,7 @@ import "@material/mwc-list/mwc-list-item";
 import { mdiArrowLeft, mdiClose, mdiPlay, mdiPlus } from "@mdi/js";
 import "@polymer/paper-item/paper-item";
 import "@polymer/paper-listbox/paper-listbox";
+import "@polymer/paper-tooltip/paper-tooltip";
 import {
   css,
   CSSResultArray,
@@ -301,7 +302,16 @@ export class HaMediaPlayerBrowse extends LitElement {
                             `
                           : ""}
                       </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">
                         ${this.hass.localize(
                           `ui.components.media-browser.content-type.${child.media_content_type}`
@@ -777,6 +787,7 @@ export class HaMediaPlayerBrowse extends LitElement {
           display: -webkit-box;
           -webkit-box-orient: vertical;
           -webkit-line-clamp: 2;
+          text-overflow: ellipsis;
         }
 
         .child .type {