Hide channel description on small screens

This commit is contained in:
syeopite 2021-06-25 20:08:54 -07:00
parent e8d5fa5142
commit b4339ec9d1
No known key found for this signature in database
GPG key ID: 6FA616E5A5294A82
2 changed files with 8 additions and 3 deletions

View file

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

View file

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