iv-org/invidious
1
0
Fork 0
mirror of https://gitea.invidious.io/iv-org/invidious synced 2025-06-05 23:29:12 +02:00
Code Issues Packages Projects Releases Wiki Activity

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
2 changed files with 10 additions and 10 deletions
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">