PrivateCoffee/invidious
4
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 2

Update code to reflect 'read more' btn name change

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

10
assets/css/default.css
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;
} }

10
src/invidious/views/watch.ecr
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">