mirror of
https://github.com/iv-org/invidious.git
synced 2024-10-01 01:35:38 -04:00
Update code to reflect 'read more' btn name change
This commit is contained in:
parent
8df2f38d34
commit
65663fb857
@ -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;
|
||||
}
|
||||
|
@ -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">
|
||||
|
Loading…
Reference in New Issue
Block a user