mirrors/invidious
1
0
Fork 0
mirror of https://github.com/iv-org/invidious.git synced 2025-08-16 17:48:29 +00:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Change channel banner to be CSS background image

Browse Source 
This is to allow for contents to be placed on the channel banner itself;
something that is required for the links widget shown on Youtube.

(cherry picked from commit 04cc15500f)
This commit is contained in:
syeopite 2021-04-16 00:27:37 -07:00
parent ed64def5a6
commit 619eca5ee3
No known key found for this signature in database
GPG Key ID: 6FA616E5A5294A82
2 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
assets/css/default.css
View File

@ -15,6 +15,16 @@ body {
background-color: rgb(255, 0, 0, 0.5); 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 > * { .channel-profile > * {
font-size: 1.17em; font-size: 1.17em;
font-weight: bold; font-weight: bold;

5
src/invidious/views/components/channel-information.ecr
View File

@ -4,8 +4,9 @@
<% end %> <% end %>
<% if channel.banner %> <% if channel.banner %>
<div class="h-box"> <div class="pure-g" id="channel-banner-container">
<img style="width:100%" src="/ggpht<%= URI.parse(channel.banner.not_nil!.gsub("=w1060-", "=w1280-")).request_target %>"> <div class="pure-u-1" id="banner" style='background: url(/ggpht<%= URI.parse(channel.banner.not_nil!.gsub("=w1060-", "=w1280-")).request_target %>)'>
</div>
</div> </div>
<div class="h-box"> <div class="h-box">