owen/lms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed size for covers

Browse Source
This commit is contained in:
emeric
2020-05-12 14:35:03 +02:00
parent b0c6aa746c
commit 956a08b092
12 changed files with 50 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files
approot/artist.xml
+3 -1
View File
@@ -26,7 +26,9 @@
<div class="col-xs-12">
<div class="media">
<div class="media-left media-middle">
${cover class="media-object Lms-cover"}
<div class="media-object Lms-cover-container-medium">
${cover}
</div>
</div>
<div class="media-body media-middle">
<h4 class="media-heading">
approot/playqueue.xml
+3 -1
View File
@@ -33,7 +33,9 @@
<div class="col-xs-9 Lms-playqueue-entry-name">
<div class="media">
<div class="media-left media-middle hidden-xs">
${cover class="media-object Lms-cover Lms-cover-container-smaller"}
<div class="media-object Lms-cover-container-small">
${cover}
</div>
</div>
<div class="media-body media-middle">
<h4><div class="Lms-trackname text-primary">${name}</div></h4>
approot/releases.xml
+6 -2
View File
@@ -21,7 +21,9 @@
<div class="col-xs-12">
<div class="media">
<div class="media-left media-middle">
${cover class="media-object Lms-cover Lms-cover-container-medium"}
<div class="media-object Lms-cover-container-medium">
${cover}
</div>
</div>
<div class="media-body media-middle">
<h4 class="media-heading">
@@ -40,7 +42,9 @@
<div class="col-xs-12">
<div class="media">
<div class="media-left media-middle">
${cover class="media-object Lms-cover Lms-cover-container-smaller"}
<div class="media-object Lms-cover-container-smaller">
${cover}
</div>
</div>
<div class="media-body media-middle">
<div class="media-heading">
approot/search.xml
+3 -1
View File
@@ -25,7 +25,9 @@
<div class="col-xs-12 Lms-explore-tracks-entry-name">
<div class="media">
<div class="media-left media-middle hidden-xs">
${cover class="media-object Lms-cover"}
<div class="media-object Lms-cover-container-small">
${cover}
</div>
</div>
<div class="media-body media-middle">
<h4><div class="Lms-trackname text-primary">${name}</div></h4>
approot/tracks.xml
+3 -1
View File
@@ -26,7 +26,9 @@
<div class="col-xs-9 Lms-explore-tracks-entry-name">
<div class="media">
<div class="media-left media-middle hidden-xs">
${cover class="media-object Lms-cover"}
<div class="media-object Lms-cover-container-small">
${cover}
</div>
</div>
<div class="media-body media-middle">
<h4><div class="Lms-trackname text-primary">${name}</div></h4>
approot/tracksinfo.xml
-20
View File
@@ -1,20 +0,0 @@
<?xml version="1.0" encoding="UTF-8" ?>
<messages xmlns:if="Wt.WTemplate.conditions">
<!--FORMS message blocks-->
<message id="Lms.Explore.TracksInfo.template">
<h3>${tr:Lms.Explore.TracksInfo.most-played}</h3>
${most-played}
<h3>${tr:Lms.Explore.TracksInfo.recently-added}</h3>
${recently-added}
</message>
<message id="Lms.Explore.TracksInfo.template.entry">
<div class="row Lms-explore-tracksinfo-entry Lms-vertical-align">
<div class="col-xs-12 Lms-trackname">
${name}
</div>
</div>
</message>
</messages>
docroot/css/lms.css
+25 -37
View File
@@ -62,40 +62,41 @@ a.Lms-artistname:hover, a.Lms-artistname:focus {
cursor: pointer;
}
.Lms-cover {
max-height: 100%;
max-width: 100%;
width: auto;
height: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
border-radius: 3px;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
.Lms-cover:hover {
filter: brightness(130%);
}
.Lms-cover-container-smaller {
}
.Lms-cover-smaller {
width: 64px;
border-radius: 3px;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
height: 64px;
position: relative;
}
.Lms-cover-container-small {
}
.Lms-cover-small {
width: 96px;
border-radius: 3px;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
height: 96px;
position: relative;
}
.Lms-cover-container-medium {
}
.Lms-cover-medium {
width: 128px;
border-radius: 3px;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
.Lms-cover-large {
border-radius: 3px;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
height: 128px;
position: relative;
}
.Lms-entry-playing {
@@ -119,8 +120,8 @@ a.Lms-artistname:hover, a.Lms-artistname:focus {
}
.Lms-explore-releases-entry {
padding-top: 8px;
padding-bottom: 8px;
padding-top: 4px;
padding-bottom: 4px;
}
.Lms-explore-release-cover {
@@ -181,8 +182,8 @@ a.Lms-artistname:hover, a.Lms-artistname:focus {
}
.Lms-explore-artist-entry {
padding-top: 8px;
padding-bottom: 8px;
padding-top: 4px;
padding-bottom: 4px;
}
.Lms-explore-artist-entries-container {
@@ -193,10 +194,6 @@ a.Lms-artistname:hover, a.Lms-artistname:focus {
margin-bottom: 8px;
}
.Lms-explore-tracks-entry {
min-height: 32px;
}
.Lms-explore-tracks-entry:hover .Lms-explore-tracks-entry-controls {
display: block;
}
@@ -221,11 +218,6 @@ a.Lms-artistname:hover, a.Lms-artistname:focus {
display: block;
}
.Lms-explore-tracksinfo-entry {
min-height: 28px;
margin: 0;
}
.Lms-header {
padding-bottom: 9px;
margin-top: 20px;
@@ -248,10 +240,6 @@ a.Lms-artistname:hover, a.Lms-artistname:focus {
text-align: left;
}
.Lms-playqueue-entry {
min-height: 32px;
}
.Lms-playqueue-entry:hover .Lms-playqueue-entry-controls {
display: block;
}
src/lms/ui/explore/ArtistView.cpp
+1 -1
View File
@@ -144,7 +144,7 @@ Artist::createRelease(const Database::Artist::pointer& artist, const Release::po
auto cover = std::make_unique<Wt::WImage>();
cover->setImageLink(LmsApp->getImageResource()->getReleaseUrl(release.id(), 128));
cover->setStyleClass("Lms-cover-medium");
cover->setStyleClass("Lms-cover");
anchor->setImage(std::move(cover));
}
src/lms/ui/explore/ReleaseListHelpers.cpp
+1 -1
View File
@@ -43,7 +43,7 @@ namespace UserInterface::ReleaseListHelpers
Wt::WAnchor* anchor = entry->bindWidget("cover", LmsApplication::createReleaseAnchor(release, false));
auto cover = std::make_unique<Wt::WImage>();
cover->setImageLink(LmsApp->getImageResource()->getReleaseUrl(release.id(), 64));
cover->setStyleClass("Lms-cover-smaller");
cover->setStyleClass("Lms-cover");
anchor->setImage(std::move(cover));
auto artists = release->getReleaseArtists();
src/lms/ui/explore/ReleasesView.cpp
+1 -1
View File
@@ -117,7 +117,7 @@ Releases::createEntry(const Release::pointer& release)
Wt::WAnchor* anchor = entry->bindWidget("cover", LmsApplication::createReleaseAnchor(release, false));
auto cover = std::make_unique<Wt::WImage>();
cover->setImageLink(LmsApp->getImageResource()->getReleaseUrl(release.id(), 128));
cover->setStyleClass("Lms-cover-medium");
cover->setStyleClass("Lms-cover");
anchor->setImage(std::move(cover));
entry->bindWidget("release-name", LmsApplication::createReleaseAnchor(release));
src/lms/ui/explore/SearchView.cpp
+2 -2
View File
@@ -72,7 +72,7 @@ namespace UserInterface
Wt::WAnchor* anchor = entry->bindWidget("cover", LmsApplication::createReleaseAnchor(release, false));
auto cover = std::make_unique<Wt::WImage>();
cover->setImageLink(LmsApp->getImageResource()->getReleaseUrl(release.id(), 96));
cover->setStyleClass("Lms-cover-small");
cover->setStyleClass("Lms-cover");
anchor->setImage(std::move(cover));
}
}
@@ -80,7 +80,7 @@ namespace UserInterface
{
auto cover = entry->bindNew<Wt::WImage>("cover");
cover->setImageLink(LmsApp->getImageResource()->getTrackUrl(trackId, 96));
cover->setStyleClass("Lms-cover-small");
cover->setStyleClass("Lms-cover");
}
return entry;
src/lms/ui/explore/TracksView.cpp
+2 -2
View File
@@ -229,7 +229,7 @@ Tracks::createEntry(const Track::pointer& track)
Wt::WAnchor* anchor = entry->bindWidget("cover", LmsApplication::createReleaseAnchor(release, false));
auto cover = std::make_unique<Wt::WImage>();
cover->setImageLink(LmsApp->getImageResource()->getReleaseUrl(release.id(), 96));
cover->setStyleClass("Lms-cover-small");
cover->setStyleClass("Lms-cover");
anchor->setImage(std::move(cover));
}
}
@@ -237,7 +237,7 @@ Tracks::createEntry(const Track::pointer& track)
{
auto cover = entry->bindNew<Wt::WImage>("cover");
cover->setImageLink(LmsApp->getImageResource()->getTrackUrl(trackId, 96));
cover->setStyleClass("Lms-cover-small");
cover->setStyleClass("Lms-cover");
}
entry->bindString("duration", trackDurationToString(track->getDuration()), Wt::TextFormat::Plain);