From 6810be8368cdc9f1d811e0d13e8e7cd5f0b72736 Mon Sep 17 00:00:00 2001
From: syeopite <syeopite@syeopite.dev>
Date: Fri, 16 Apr 2021 01:13:42 -0700
Subject: [PATCH] Move channel specific CSS to separate file

(cherry picked from commit 0d19937dacb39ff38addabd43820b4af0e990dbc)
---
 assets/css/channel.css                              | 13 +++++++++++++
 assets/css/default.css                              | 10 ----------
 .../views/components/channel-information.ecr        |  1 +
 3 files changed, 14 insertions(+), 10 deletions(-)
 create mode 100644 assets/css/channel.css

diff --git a/assets/css/channel.css b/assets/css/channel.css
new file mode 100644
index 00000000..e40dc6aa
--- /dev/null
+++ b/assets/css/channel.css
@@ -0,0 +1,13 @@
+#channel-banner-container {
+  margin-bottom: 1em;
+}
+
+#banner {
+  display: flex;
+  flex-direction: column-reverse;
+
+  height: calc(100vw / 6.2 - 1px);
+  background-size: cover !important;
+  background-repeat: no-repeat !important;
+}
+
diff --git a/assets/css/default.css b/assets/css/default.css
index 672b2fb4..e471c738 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -15,16 +15,6 @@ body {
   background-color: rgb(255, 0, 0, 0.5);
 }
 
-#channel-banner-container {
-  margin-bottom: 1em;
-}
-
-#banner {
-  height: calc(100vw / 6.2 - 1px);
-  background-size: cover !important;
-  background-repeat: no-repeat !important;
-}
-
 .channel-profile > * {
   font-size: 1.17em;
   font-weight: bold;
diff --git a/src/invidious/views/components/channel-information.ecr b/src/invidious/views/components/channel-information.ecr
index a3c7a9f0..6d272abc 100644
--- a/src/invidious/views/components/channel-information.ecr
+++ b/src/invidious/views/components/channel-information.ecr
@@ -1,5 +1,6 @@
 <% content_for "header" do %>
 <title><%= channel.author %> - Invidious</title>
+<link rel="stylesheet" href="/css/channel.css?v=<%= ASSET_COMMIT %>"/>
 <link rel="alternate" type="application/rss+xml" title="RSS" href="/feed/channel/<%= channel.ucid %>" />
 <% end %>