Major improvements

This commit is contained in:
techmetx11
2023-01-22 00:12:04 +01:00
parent fe5b81f2c3
commit caf9520c86
5 changed files with 55 additions and 49 deletions

View File

@@ -34,13 +34,11 @@
we're going to need to do it here in order to allow for translations.
-->
<style>
#descexpansionbutton ~ label > a::after,
#musicdescexpansionbutton ~ label > a::after {
#descexpansionbutton ~ label > a::after {
content: "<%= translate(locale, "Show more") %>"
}
#descexpansionbutton:checked ~ label > a::after,
#musicdescexpansionbutton:checked ~ label > a::after {
#descexpansionbutton:checked ~ label > a::after {
content: "<%= translate(locale, "Show less") %>"
}
</style>
@@ -238,27 +236,22 @@ we're going to need to do it here in order to allow for translations.
<hr>
<% if !video.music.empty? %>
<h3 id="music-description-title"><%= translate(locale, "Music") %></h3>
<input id="music-desc-expansion" type="checkbox"/>
<label for="music-desc-expansion">
<h3 id="music-description-title">
<%= translate(locale, "Music in this video") %>
<span class="icon ion-ios-arrow-up"></span>
<span class="icon ion-ios-arrow-down"></span>
</h3>
</label>
<div id="music-description-box">
<% if video.music.size == 1 %>
<div id="musicDescriptionWrapper">
<p id="music-artist"><%= translate(locale, "Artist: ") %><%= video.music[0].artist %></p>
<p id="music-album"><%= translate(locale, "Album: ") %><%= video.music[0].album %></p>
<p id="music-license"><%= translate(locale, "License: ") %><%= video.music[0].license %></p>
<% video.music.each do |music| %>
<div class="music-item">
<p id="music-artist"><%= translate(locale, "Artist: ") %><%= music.artist %></p>
<p id="music-album"><%= translate(locale, "Album: ") %><%= music.album %></p>
<p id="music-license"><%= translate(locale, "License: ") %><%= music.license %></p>
</div>
<% else %>
<input id="musicdescexpansionbutton" type="checkbox"/>
<div id="musicDescriptionWrapper">
<% video.music.each do |music| %>
<p id="music-artist"><%= translate(locale, "Artist: ") %><%= music.artist %></p>
<p id="music-album"><%= translate(locale, "Album: ") %><%= music.album %></p>
<p id="music-license"><%= translate(locale, "License: ") %><%= music.license %></p>
<hr>
<% end %>
</div>
<label for="musicdescexpansionbutton">
<a></a>
</label>
<% end %>
</div>
<hr>