Still converting to bootstrap 5

This commit is contained in:
emeric
2022-04-03 20:10:02 +02:00
parent 682922bfe5
commit 9ac4157a1a
6 changed files with 11 additions and 32 deletions
-17
View File
@@ -36,21 +36,4 @@
</div>
</message>
<message id="Lms.Explore.Artist.template.entry">
<div class="Lms-explore-entry-list">
<div class="row Lms-vertical-align">
<div class="col-xs-4 col-sm-3 col-md-2">
<div class="Lms-responsive-square Lms-cover-container">
${cover}
</div>
</div>
<div class="col-xs-8 col-sm-9 col-md-10 Lms-explore-list-entry-text-container">
<h5>${name class="Lms-releasename text-primary"}</h5>
${<if-has-artist>}<h6>${artist class="Lms-btn Lms-artistname text-muted"}</h6>${</if-has-artist>}
<h6><small><div class="text-muted">${<if-has-year>}${year}${</if-has-year>}${<if-has-orig-year>} (${orig-year})${</if-has-orig-year>}</div></small></h6>
</div>
</div>
</div>
</message>
</messages>
+1 -1
View File
@@ -10,7 +10,7 @@
</message>
<message id="Lms.infinite-scrolling-container">
${elements}
${elements class="d-grid gap-3"}
${loading-indicator}
</message>
+2 -2
View File
@@ -20,7 +20,7 @@
${clusters class="mb-2"}
${play-btn class="me-2"}${more-btn}
</div>
${container}
${container class="d-grid gap-3"}
</div>
</div>
<div class="row">
@@ -51,7 +51,7 @@
<message id="Lms.Explore.Release.template.entry-disc">
<h4>${disc-title}</h4>
${tracks}
${tracks class="d-grid gap-1"}
</message>
<message id="Lms.Explore.Release.template.entry">
+5 -9
View File
@@ -13,25 +13,21 @@
<message id="Lms.Explore.Tracks.template.entry">
<div class="row Lms-vertical-align Lms-explore-entry-list Lms-explore-tracks-entry ${is-playing}">
<div class="col-xs-3 col-sm-2 col-md-2">
<div class="col-3 col-sm-2 col-md-2">
<div class="Lms-responsive-square Lms-cover-container">
${cover}
</div>
</div>
<div class="col-xs-7 col-sm-8 col-md-8 Lms-explore-entry-list-text-container">
<div class="col-7 col-sm-8 col-md-8 Lms-explore-entry-list-text-container">
<div class="Lms-trackname text-primary"><h5>${name}</h5></div>
${<if-has-artists-or-release>}
${<if-has-release>}<small>${release class="Lms-btn Lms-releasename text-primary"}</small>${</if-has-release>}
${<if-has-artists>}${artists}${</if-has-artists>}
${</if-has-artists-or-release>}
</div>
<div class="col-xs-2 col-sm-2 col-md-2">
<div class="Lms-explore-tracks-entry-controls">
${play-btn class="Lms-explore-btn Lms-btn"}${more-btn class="Lms-explore-btn Lms-btn"}
</div>
<div class="Lms-explore-tracks-entry-duration text-muted">
${duration}
</div>
<div class="col-2 col-sm-2 col-md-2">
${duration}
${play-btn class="me-2"}${more-btn}
</div>
</div>
</message>