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; margin: auto 0 auto 0;
} }
/* Description Expandsion Styling*/ /* Description Expansion Styling*/
#description-box { #description-box {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
#readmorebutton { #descexpansionbutton {
display: none display: none
} }
#readmorebutton ~ div { #descexpansionbutton ~ div {
overflow: hidden; overflow: hidden;
height: 8.3em; height: 8.3em;
} }
#readmorebutton:checked ~ div { #descexpansionbutton:checked ~ div {
overflow: unset; overflow: unset;
height: 100%; height: 100%;
} }
#readmorebutton + label { #descexpansionbutton + label {
order: 1; order: 1;
margin-top: 20px; margin-top: 20px;
} }

View file

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