Improved ui style

This commit is contained in:
emeric
2018-08-31 11:47:55 +02:00
parent c437a17f63
commit 93f993c146
13 changed files with 62 additions and 40 deletions
+10 -10
View File
@@ -8,19 +8,19 @@
${clusters}
${play-btn}${add-btn}
</div>
${releases class="list-group"}
${releases}
</message>
<message id="Lms.Explore.Artist.template.entry">
<div class="media list-group-item">
<div class="pull-left media-middle">
${cover class="media-object"}
</div>
<div class="media-body">
<h4 class="media-heading">${name}</h4>
</div>
${<if-has-various-artists>}${tr:Lms.Explore.various-artists}${</if-has-various-artists>}
<h4>${<if-has-year>}${year}${</if-has-year>}${<if-has-orig-year>} (${orig-year})${</if-has-orig-year>}</h4>
<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>
</message>
+4 -5
View File
@@ -12,15 +12,14 @@
${search}
</div>
</div>
${artists class="list-group"}
${artists}
${show-more}
</message>
<message id="Lms.Explore.Artists.template.entry">
<div class="list-group-item">
<span class="badge">${nb-release}</span>
${name}
${clusters}
<div class="Lms-explore-artists-entry Lms-vertical-align">
<h4>${name}</h4>
<span class="badge Lms-explore-artists-entry-nb-releases">${nb-release}</span>
</div>
</message>
+2 -2
View File
@@ -3,11 +3,11 @@
<message id="Lms.Explore.template">
<div class="row">
<div class="col-sm-3">
<div class="col-sm-4">
${filters class="Lms-explore-filters"}
${info class="Lms-explore-info hidden-xs"}
</div>
<div class="col-sm-8 col-sm-offset-1">
<div class="col-sm-8">
${contents}
</div>
</div>
+1 -1
View File
@@ -62,7 +62,7 @@
<message id="Lms.Auth.welcome">Welcome!</message>
<!--Explore-->
<message id="Lms.Explore.add-filter">Add</message>
<message id="Lms.Explore.add-filter">Add filter</message>
<message id="Lms.Explore.artists">Artists</message>
<message id="Lms.Explore.filters">Filters</message>
<message id="Lms.Explore.releases">Albums</message>
+4 -4
View File
@@ -9,9 +9,9 @@
</div>
</div>
<div class="page-header">
<h2>${name}</h2>
${<if-has-artist>}<h4>${artist-name}</h4>${</if-has-artist>}
<h4>${<if-has-year>}${year}${</if-has-year>}${<if-has-orig-year>} (${orig-year})${</if-has-orig-year>}</h4>
<h3>${name}</h3>
${<if-has-artist>}<h4><i>${artist-name}</i></h4>${</if-has-artist>}
<h4><small>${<if-has-year>}${year}${</if-has-year>}${<if-has-orig-year>} (${orig-year})${</if-has-orig-year>}</small></h4>
${clusters}
${play-btn}${add-btn}
</div>
@@ -22,7 +22,7 @@
<div class="row Lms-explore-release-entry Lms-vertical-align">
<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-artist>}${artist-name} - ${</if-has-artist>}
${<if-has-artist>}<i>${artist-name}</i> - ${</if-has-artist>}
${name}
</div>
<div class="col-xs-3 Lms-explore-release-entry-controls">
+9 -9
View File
@@ -12,19 +12,19 @@
${search}
</div>
</div>
${releases class="list-group"}
${releases}
${show-more}
</message>
<message id="Lms.Explore.Releases.template.entry">
<div class="media list-group-item">
<div class="pull-left media-middle">
${cover class="media-object"}
</div>
<div class="media-body">
<h4 class="media-heading">${release-name}</h4>
${<if-has-artist>}${artist-name}${</if-has-artist>}
</div>
<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>
+9 -3
View File
@@ -10,9 +10,15 @@
</message>
<message id="Lms.Explore.ReleasesInfo.template.entry">
${cover}
${release-name}
${<if-has-artist>}${artist-name}${</if-has-artist>}
<div class="media-left">
${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>
</message>
</messages>