fix(plugins/music): restrict track name to one line & set constant artwork size (#685)
This commit is contained in:
@@ -22,9 +22,9 @@
|
|||||||
<div class="tracklist">
|
<div class="tracklist">
|
||||||
<% for (const {name = "", artist = "", artwork = "", played_at = ""} of plugins.music.tracks) { %>
|
<% for (const {name = "", artist = "", artwork = "", played_at = ""} of plugins.music.tracks) { %>
|
||||||
<div class="track">
|
<div class="track">
|
||||||
<img src="<%= artwork %>" width="<%= plugins.music.played_at && played_at ? 48 : 32 %>" height="<%= plugins.music.played_at && played_at ? 48 : 32 %>" alt=""/>
|
<img src="<%= artwork %>" width="32" height="32" alt=""/>
|
||||||
<div class="infos">
|
<div class="infos">
|
||||||
<div class="name"><%= name %></div>
|
<div class="name" style="width: <%= large ? 774 : columns ? '100%' : 387 %>"><%= name %></div>
|
||||||
<div class="artist"><%= artist %></div>
|
<div class="artist"><%= artist %></div>
|
||||||
<% if (plugins.music.played_at && played_at) { %>
|
<% if (plugins.music.played_at && played_at) { %>
|
||||||
<div class="played-at">Played at <%= played_at %></div>
|
<div class="played-at">Played at <%= played_at %></div>
|
||||||
|
|||||||
@@ -468,7 +468,11 @@
|
|||||||
.track .name {
|
.track .name {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
line-height: 14px;
|
line-height: 14px;
|
||||||
|
height: 14px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
.track .artist, .track .played-at {
|
.track .artist, .track .played-at {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
|||||||
Reference in New Issue
Block a user