Partially restored artist view

This commit is contained in:
emeric
2022-02-28 20:26:41 +01:00
parent f4dabb7d5a
commit fc5d822297
16 changed files with 13 additions and 159 deletions
+1 -3
View File
@@ -9,9 +9,7 @@
${play-btn class="Lms-explore-btn Lms-btn"}${more-btn class="Lms-explore-btn Lms-btn"}
</div>
${<if-has-release>}
<div class="row">
${releases class="Lms-explore-artist-entries-container"}
</div>
${releases class="row gy-4"}
${</if-has-release>}
${<if-has-non-release-track>}
<div class="Lms-explore-artist-tracks-container">
+2 -2
View File
@@ -15,13 +15,13 @@
</message>
<message id="Lms.Explore.Artists.template.entry">
<div class="Lms-explore-artists-entry Lms-entry-hoverable Lms-vertical-align">
<div class="Lms-explore-artists-entry Lms-entry-hoverable">
<h4>${name class="Lms-btn Lms-artistname text-primary"}</h4>
</div>
</message>
<message id="Lms.Explore.Artists.template.entry-small">
<div class="Lms-explore-artists-entry-small Lms-entry-hoverable Lms-vertical-align">
<div class="Lms-explore-artists-entry-small Lms-entry-hoverable">
${name class="Lms-btn Lms-artistname text-primary"}
</div>
</message>
+8 -14
View File
@@ -3,7 +3,7 @@
<messages xmlns:if="Wt.WTemplate.conditions">
<message id="Lms.Explore.Releases.template">
<div class="Lms-header">
<div>
${mode class="nav nav-pills Lms-explore-mode-container"}
${play-btn class="Lms-explore-btn Lms-btn"}${more-btn class="Lms-explore-btn Lms-btn"}
</div>
@@ -11,23 +11,17 @@
</message>
<message id="Lms.Explore.Releases.template.entry-grid">
<div class="col-xs-6 col-sm-3 col-md-2 col-lg-2">
<div class="Lms-explore-entry-grid">
<div class="Lms-responsive-square Lms-cover-container">
${cover}
</div>
<div class="Lms-explore-entry-grid-text-container">
<h5>${release-name class="Lms-btn Lms-releasename text-primary"}</h5>
<div class="Lms-explore-entry-separator"><h6>${<if-has-year>}<small><span class="text-muted">${year}</span></small>${</if-has-year>}${<if-has-artist>}${artist-name class="Lms-btn Lms-artistname text-muted"}${</if-has-artist>}${<if-has-various-artists>}<div class="Lms-artistname text-muted">${tr:Lms.Explore.various-artists}</div>${</if-has-various-artists>}</h6></div>
</div>
<div class="card border-0">
${cover class="card-img-top"}
${release-name}
${<if-has-year>}${year}${</if-has-year>}
${<if-has-artist>}${artist-name}${</if-has-artist>}
${<if-has-various-artists>}${tr:Lms.Explore.various-artists}${</if-has-various-artists>}
</div>
</div>
</message>
<message id="Lms.Explore.Releases.template.container">
<div class="row">
${elements}
</div>
${elements class="row gy-4"}
${loading-indicator class="Lms-horizontal-center Lms-loading-indicator"}
</message>
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
-54
View File
@@ -1,54 +0,0 @@
/* latin-ext */
@font-face {
font-family: 'Lato';
font-style: italic;
font-weight: 400;
font-display: swap;
src: local('Lato Italic'), local('Lato-Italic'), url(S6u8w4BMUTPHjxsAUi-qJCY.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Lato';
font-style: italic;
font-weight: 400;
font-display: swap;
src: local('Lato Italic'), local('Lato-Italic'), url(S6u8w4BMUTPHjxsAXC-q.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Lato Regular'), local('Lato-Regular'), url(S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Lato Regular'), local('Lato-Regular'), url(S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Lato Bold'), local('Lato-Bold'), url(S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Lato Bold'), local('Lato-Bold'), url(S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
-37
View File
@@ -1,37 +0,0 @@
:root {
--body-color: #ffffff;
--hover-color: #00bc8c;
--playing-background-color: #375a7f4f;
--slider-background-color: #5a5a5a;
--player-background-color: #303030;
}
.Lms-artistname.text-muted {
font-style: italic;
color: #7e7e7e;
}
.Lms-artistname.text-primary, .Lms-artistname.text-primary:hover {
color: var(--body-color)
}
a.Lms-artistname.text-primary:hover {
color: var(--hover-color)
}
.Lms-releasename.text-primary, .Lms-releasename.text-primary:hover {
color: var(--body-color)
}
a.Lms-releasename.text-primary:hover {
color: var(--hover-color)
}
.Lms-trackname.text-primary, .Lms-trackname.text-primary:hover {
color: var(--body-color)
}
.media, .media-body {
overflow: visible;
}
-17
View File
@@ -1,17 +0,0 @@
:root {
--body-color: #2c3e50;
--hover-color: #18bc9c;
--playing-background-color: #2c3e5029;
--slider-background-color: #2c3e5029;
--player-background-color: #ecf0f1;
}
.Lms-artistname.text-muted {
font-style: italic;
color: #7e8f9e;
}
.media, .media-body {
overflow: visible;
}
-9
View File
@@ -201,15 +201,6 @@ a.Lms-artistname:hover, a.Lms-artistname:focus {
margin-bottom: 10px;
}
.Lms-explore-artist-entry {
padding-top: 4px;
padding-bottom: 4px;
}
.Lms-explore-artist-entries-container {
margin-bottom: 15px;
}
.Lms-explore-artist-tracks-container {
margin-bottom: 15px;
}
+2 -1
View File
@@ -45,7 +45,7 @@ namespace UserInterface::ReleaseListHelpers
Wt::WAnchor* anchor = entry->bindWidget("cover", LmsApplication::createReleaseAnchor(release, false));
auto cover = std::make_unique<Wt::WImage>();
cover->setImageLink(LmsApp->getCoverResource()->getReleaseUrl(release->getId(), CoverResource::Size::Large));
cover->setStyleClass("Lms-cover");
cover->setStyleClass("img-fluid card-img-top");
cover->setAttributeValue("onload", LmsApp->javaScriptClass() + ".onLoadCover(this)");
anchor->setImage(std::move(cover));
@@ -83,6 +83,7 @@ namespace UserInterface::ReleaseListHelpers
}
}
entry->setStyleClass("col-6 col-md-4 col-lg-3 col-xl-2");
return entry;
}