iv-org-mirror/invidious-copy-2022-03-16
1
0
Fork 0
mirror of https://gitea.invidious.io/iv-org/invidious-copy-2022-03-16.git synced 2024-08-15 00:53:18 +00:00
Code Issues Projects Releases Packages 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);
}
#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;

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

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