sudacode/metrics
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix(plugins/music): ellipsis for long track name/artist (close #866)

Browse Source
This commit is contained in:
lowlighter
2022-03-09 19:21:00 -05:00
parent 42de3f07f6
commit fb85dadb25
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
source/templates/classic/partials/music.ejs
View File

@@ -24,7 +24,7 @@
<div class="track"> <div class="track">
<img src="<%= artwork %>" width="32" height="32" alt=""/> <img src="<%= artwork %>" width="32" height="32" alt=""/>
<div class="infos"> <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> <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>

6
source/templates/classic/style.css
View File

@@ -480,6 +480,9 @@
line-height: 14px; line-height: 14px;
height: 14px; height: 14px;
font-weight: 600; font-weight: 600;
}
.track .name, .track .artist {
width: 387px;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@@ -495,9 +498,6 @@
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
} }
svg.large .track {
width: 50%;
}
/* Posts plugin */ /* Posts plugin */
.post { .post {