From fb85dadb259410ca6c019459dd8ec9e2b7a26cb9 Mon Sep 17 00:00:00 2001
From: lowlighter <22963968+lowlighter@users.noreply.github.com>
Date: Wed, 9 Mar 2022 19:21:00 -0500
Subject: [PATCH] fix(plugins/music): ellipsis for long track name/artist
 (close #866)

---
 source/templates/classic/partials/music.ejs | 2 +-
 source/templates/classic/style.css          | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/source/templates/classic/partials/music.ejs b/source/templates/classic/partials/music.ejs
index bd66dde0..30484d54 100644
--- a/source/templates/classic/partials/music.ejs
+++ b/source/templates/classic/partials/music.ejs
@@ -24,7 +24,7 @@
                 <div class="track">
                   <img src="<%= artwork %>" width="32" height="32" alt=""/>
                   <div class="infos">
-                    <div class="name" style="width: <%= large ? '774px' : columns ? '100%' : '387px' %>"><%= name %></div>
+                    <div class="name"><%= name %></div>
                     <div class="artist"><%= artist %></div>
                     <% if (plugins.music.played_at && played_at) { %>
                         <div class="played-at">Played at <%= played_at %></div>
diff --git a/source/templates/classic/style.css b/source/templates/classic/style.css
index b38e217f..dde098b8 100644
--- a/source/templates/classic/style.css
+++ b/source/templates/classic/style.css
@@ -480,6 +480,9 @@
     line-height: 14px;
     height: 14px;
     font-weight: 600;
+  }
+  .track .name, .track .artist {
+    width: 387px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
@@ -495,9 +498,6 @@
     flex-direction: row;
     flex-wrap: wrap;
   }
-  svg.large .track {
-    width: 50%;
-  }
 
 /* Posts plugin */
   .post {