Update code to reflect 'read more' btn name change

This commit is contained in:
syeopite 2021-04-02 03:56:45 -07:00
parent 8df2f38d34
commit 65663fb857
No known key found for this signature in database
GPG key ID: 6FA616E5A5294A82
2 changed files with 10 additions and 10 deletions

View file

@ -670,27 +670,27 @@ hr {
margin: auto 0 auto 0;
}
/* Description Expandsion Styling*/
/* Description Expansion Styling*/
#description-box {
display: flex;
flex-direction: column;
}
#readmorebutton {
#descexpansionbutton {
display: none
}
#readmorebutton ~ div {
#descexpansionbutton ~ div {
overflow: hidden;
height: 8.3em;
}
#readmorebutton:checked ~ div {
#descexpansionbutton:checked ~ div {
overflow: unset;
height: 100%;
}
#readmorebutton + label {
#descexpansionbutton + label {
order: 1;
margin-top: 20px;
}

View file

@ -26,15 +26,15 @@
<%= rendered "components/player_sources" %>
<title><%= HTML.escape(video.title) %> - Invidious</title>
<!-- Description expandsion also updates the Read More button to Read Less so
<!-- Description expansion also updates the 'Show more' button to 'Show less' so
we're going to need to do it here in order to allow for translations.
-->
<style>
#readmorebutton + label > a::after {
#descexpansionbutton + label > a::after {
content: "<%= translate(locale, "Show more") %>"
}
#readmorebutton:checked + label > a::after {
#descexpansionbutton:checked + label > a::after {
content: "<%= translate(locale, "Show less") %>"
}
</style>
@ -244,8 +244,8 @@ we're going to need to do it here in order to allow for translations.
<% if video.description.size < 200 || params.extend_desc %>
<%= video.description_html %>
<% else %>
<input id="readmorebutton" type="checkbox"/>
<label for="readmorebutton" style="order: 1;" class="simulated_a">
<input id="descexpansionbutton" type="checkbox"/>
<label for="descexpansionbutton" style="order: 1;" class="simulated_a">
<a></a>
</label>
<div id="descriptionWrapper">