mirror of
https://gitea.invidious.io/iv-org/invidious-copy-2022-08-14.git
synced 2024-08-15 00:53:20 +00:00
Change channel banner to be CSS background image
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.
This commit is contained in:
parent
ae07c7694f
commit
35d94f9ed3
4 changed files with 14 additions and 4 deletions
|
@ -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;
|
||||||
|
|
|
@ -3906,7 +3906,6 @@ get "/fetch_link_favicon" do |env|
|
||||||
env.response.headers["Access-Control-Allow-Origin"] = "*"
|
env.response.headers["Access-Control-Allow-Origin"] = "*"
|
||||||
proxy_file(favicon_response, env)
|
proxy_file(favicon_response, env)
|
||||||
end
|
end
|
||||||
|
|
||||||
rescue ex
|
rescue ex
|
||||||
end
|
end
|
||||||
end
|
end
|
||||||
|
|
|
@ -959,7 +959,7 @@ def get_about_info(ucid, locale)
|
||||||
allowed_regions: allowed_regions,
|
allowed_regions: allowed_regions,
|
||||||
related_channels: related_channels,
|
related_channels: related_channels,
|
||||||
tabs: tabs,
|
tabs: tabs,
|
||||||
links: links
|
links: links,
|
||||||
})
|
})
|
||||||
end
|
end
|
||||||
|
|
||||||
|
|
|
@ -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">
|
||||||
|
|
Loading…
Reference in a new issue