Handling tracknames too long in the release view

This commit is contained in:
emeric
2018-08-30 17:03:43 +02:00
parent 0f5a508681
commit c437a17f63
2 changed files with 22 additions and 3 deletions
+3 -3
View File
@@ -19,13 +19,13 @@
</message> </message>
<message id="Lms.Explore.Release.template.entry"> <message id="Lms.Explore.Release.template.entry">
<div class="row"> <div class="row Lms-explore-release-entry Lms-vertical-align">
<div class="col-xs-9"> <div class="col-xs-9 Lms-explore-release-entry-name">
${<if-has-disc-number>}${disc-number}-${</if-has-disc-number>}${<if-has-track-number>}${track-number}. ${</if-has-track-number>} ${<if-has-disc-number>}${disc-number}-${</if-has-disc-number>}${<if-has-track-number>}${track-number}. ${</if-has-track-number>}
${<if-has-artist>}${artist-name} - ${</if-has-artist>} ${<if-has-artist>}${artist-name} - ${</if-has-artist>}
${name} ${name}
</div> </div>
<div class="col-xs-3"> <div class="col-xs-3 Lms-explore-release-entry-controls">
${play-btn}${add-btn} ${play-btn}${add-btn}
</div> </div>
</div> </div>
+19
View File
@@ -99,6 +99,25 @@ a:hover {
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
} }
.Lms-explore-release-entry {
height: 28px;
}
.Lms-explore-release-entry:hover {
background-color: lightgrey;
}
.Lms-explore-release-entry-name {
line-height: 28px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.Lms-explore-release-entry-controls {
text-align: center;
}
.Lms-explore-btn { .Lms-explore-btn {
font-size: 22px !important; font-size: 22px !important;
cursor: pointer; cursor: pointer;