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; 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
}
} }

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">