Better hover style on media rows

This commit is contained in:
emeric
2018-09-01 17:16:48 +02:00
parent c8c28d84e2
commit 9945e14bc6
7 changed files with 74 additions and 35 deletions
+16 -10
View File
@@ -12,16 +12,22 @@
</message>
<message id="Lms.Explore.Artist.template.entry">
<div class="media-left">
${cover class="media-object"}
</div>
<div class="media-body media-middle">
<h4 class="media-heading">
${name}
</h4>
${<if-has-various-artists>}<h4><i>${tr:Lms.Explore.various-artists}</i></h4>${</if-has-various-artists>}
<h4><small>${<if-has-year>}${year}${</if-has-year>}${<if-has-orig-year>} (${orig-year})${</if-has-orig-year>}</small></h4>
${play-btn}${add-btn}
<div class="row">
<div class="col-xs-12 Lms-explore-artist-entry">
<div class="media">
<div class="media-left media-middle">
${cover class="media-object"}
</div>
<div class="media-body media-middle">
<h4 class="media-heading">
${name}
</h4>
${<if-has-various-artists>}<h4><i>${tr:Lms.Explore.various-artists}</i></h4>${</if-has-various-artists>}
<h4><small>${<if-has-year>}${year}${</if-has-year>}${<if-has-orig-year>} (${orig-year})${</if-has-orig-year>}</small></h4>
${play-btn}${add-btn}
</div>
</div>
</div>
</div>
</message>
+16 -10
View File
@@ -21,16 +21,22 @@
</message>
<message id="Lms.Explore.Releases.template.entry">
<div class="media-left">
${cover class="media-object"}
</div>
<div class="media-body media-middle">
<h4 class="media-heading">
${release-name}
</h4>
${<if-has-artist>}<h4><small><i>${artist-name}</i></small></h4>${</if-has-artist>}
${clusters}
${play-btn}${add-btn}
<div class="row">
<div class="col-xs-12 Lms-explore-releases-entry">
<div class="media">
<div class="media-left media-middle">
${cover class="media-object"}
</div>
<div class="media-body media-middle">
<h4 class="media-heading">
${release-name}
</h4>
${<if-has-artist>}<h4><small><i>${artist-name}</i></small></h4>${</if-has-artist>}
${clusters}
${play-btn}${add-btn}
</div>
</div>
</div>
</div>
</message>
+13 -7
View File
@@ -10,14 +10,20 @@
</message>
<message id="Lms.Explore.ReleasesInfo.template.entry">
<div class="media-left">
${cover class="media-object"}
</div>
<div class="media-body media-middle">
<div class="media-heading">
${release-name}
<div class="row Lms-explore-releasesinfo-entry">
<div class="col-xs-12">
<div class="media">
<div class="media-left media-middle">
${cover class="media-object"}
</div>
<div class="media-body media-middle">
<div class="media-heading">
${release-name}
</div>
${<if-has-artist>}<small><i>${artist-name}</i></small>${</if-has-artist>}
</div>
</div>
</div>
${<if-has-artist>}<small><i>${artist-name}</i></small>${</if-has-artist>}
</div>
</message>