mirror of
https://gitea.invidious.io/iv-org/invidious-copy-2023-06-08.git
synced 2024-08-15 00:53:38 +00:00
Update code to reflect 'read more' btn name change
This commit is contained in:
parent
8df2f38d34
commit
65663fb857
2 changed files with 10 additions and 10 deletions
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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">
|
||||||
|
|
Loading…
Reference in a new issue