helix/invidious
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Hide channel description on small screens

Browse source
This commit is contained in:
syeopite 2021-06-25 20:08:54 -07:00
parent 9109efe5cd
commit f443052b66
No known key found for this signature in database
GPG key ID: 6FA616E5A5294A82
2 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
assets/css/channel.css
View file

@ -185,9 +185,14 @@ only show up when the screen is wide enough */
display: flex; display: flex;
} }
/* Center sorting options when screen is less than 640px*/
@media screen and (max-width: 640px) { @media screen and (max-width: 640px) {
/* Center sorting options when screen is less than 640px*/
#sort-options { #sort-options {
margin-right: auto; margin-right: auto;
} }
/* Hide channel description on mobile */
#channel-description-container {
display: none
}
} }

4
src/invidious/views/components/channel-information.ecr
View file

@ -52,8 +52,8 @@
</div> </div>
</div> </div>
<div class="h-box"> <div class="h-box" id="channel-description-container">
<p><span style="white-space:pre-wrap"><%= channel.description_html %></span></p> <p id="channel-description"><span style="white-space:pre-wrap"><%= channel.description_html %></span></p>
</div> </div>
<div class="h-box"> <div class="h-box">