From b4339ec9d10ed865d43f4b030318a70130182af1 Mon Sep 17 00:00:00 2001
From: syeopite <syeopite@syeopite.dev>
Date: Fri, 25 Jun 2021 20:08:54 -0700
Subject: [PATCH] Hide channel description on small screens

---
 assets/css/channel.css                                 | 7 ++++++-
 src/invidious/views/components/channel-information.ecr | 4 ++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/assets/css/channel.css b/assets/css/channel.css
index 62480556..660f0792 100644
--- a/assets/css/channel.css
+++ b/assets/css/channel.css
@@ -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
+  }
 }
\ No newline at end of file
diff --git a/src/invidious/views/components/channel-information.ecr b/src/invidious/views/components/channel-information.ecr
index 176aa97b..44663e5d 100644
--- a/src/invidious/views/components/channel-information.ecr
+++ b/src/invidious/views/components/channel-information.ecr
@@ -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">