mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
Hide details page artwork if disabled by user
This commit is contained in:
parent
d1e482946f
commit
4fdab1e8b6
2 changed files with 33 additions and 2 deletions
|
@ -443,6 +443,22 @@
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.itemBackdrop.noBackdrop {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.detailPageContent.noBackdrop {
|
||||||
|
margin-top: 6.75em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-desktop .detailImageContainer.noBackdrop img {
|
||||||
|
margin-top: -2.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-tv .detailImageContainer.noBackdrop img {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.personBackdrop {
|
.personBackdrop {
|
||||||
background-size: contain;
|
background-size: contain;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
define(["loading", "appRouter", "layoutManager", "connectionManager", "cardBuilder", "datetime", "mediaInfo", "backdrop", "listView", "itemContextMenu", "itemHelper", "dom", "indicators", "apphost", "imageLoader", "libraryMenu", "globalize", "browser", "events", "scrollHelper", "playbackManager", "libraryBrowser", "scrollStyles", "emby-itemscontainer", "emby-checkbox", "emby-button", "emby-playstatebutton", "emby-ratingbutton", "emby-scroller", "emby-select"], function (loading, appRouter, layoutManager, connectionManager, cardBuilder, datetime, mediaInfo, backdrop, listView, itemContextMenu, itemHelper, dom, indicators, appHost, imageLoader, libraryMenu, globalize, browser, events, scrollHelper, playbackManager, libraryBrowser) {
|
define(["loading", "appRouter", "layoutManager", "connectionManager", "userSettings", "cardBuilder", "datetime", "mediaInfo", "backdrop", "listView", "itemContextMenu", "itemHelper", "dom", "indicators", "apphost", "imageLoader", "libraryMenu", "globalize", "browser", "events", "scrollHelper", "playbackManager", "libraryBrowser", "scrollStyles", "emby-itemscontainer", "emby-checkbox", "emby-button", "emby-playstatebutton", "emby-ratingbutton", "emby-scroller", "emby-select"], function (loading, appRouter, layoutManager, connectionManager, userSettings, cardBuilder, datetime, mediaInfo, backdrop, listView, itemContextMenu, itemHelper, dom, indicators, appHost, imageLoader, libraryMenu, globalize, browser, events, scrollHelper, playbackManager, libraryBrowser) {
|
||||||
"use strict";
|
"use strict";
|
||||||
|
|
||||||
function getPromise(apiClient, params) {
|
function getPromise(apiClient, params) {
|
||||||
|
@ -464,6 +464,10 @@ define(["loading", "appRouter", "layoutManager", "connectionManager", "cardBuild
|
||||||
item.Type === "MusicArtist" ||
|
item.Type === "MusicArtist" ||
|
||||||
item.Type === "Person";
|
item.Type === "Person";
|
||||||
|
|
||||||
|
if (!layoutManager.mobile && !userSettings.enableBackdrops()) {
|
||||||
|
return hasbackdrop;
|
||||||
|
}
|
||||||
|
|
||||||
if ("Program" === item.Type && item.ImageTags && item.ImageTags.Thumb) {
|
if ("Program" === item.Type && item.ImageTags && item.ImageTags.Thumb) {
|
||||||
imgUrl = apiClient.getScaledImageUrl(item.Id, {
|
imgUrl = apiClient.getScaledImageUrl(item.Id, {
|
||||||
type: "Thumb",
|
type: "Thumb",
|
||||||
|
@ -663,7 +667,9 @@ define(["loading", "appRouter", "layoutManager", "connectionManager", "cardBuild
|
||||||
});
|
});
|
||||||
var detailLogo = page.querySelector(".detailLogo");
|
var detailLogo = page.querySelector(".detailLogo");
|
||||||
|
|
||||||
if (url) {
|
if (!layoutManager.mobile && !userSettings.enableBackdrops()) {
|
||||||
|
detailLogo.classList.add("hide");
|
||||||
|
} else if (url) {
|
||||||
detailLogo.classList.remove("hide");
|
detailLogo.classList.remove("hide");
|
||||||
detailLogo.classList.add("lazy");
|
detailLogo.classList.add("lazy");
|
||||||
detailLogo.setAttribute("data-src", url);
|
detailLogo.setAttribute("data-src", url);
|
||||||
|
@ -838,6 +844,10 @@ define(["loading", "appRouter", "layoutManager", "connectionManager", "cardBuild
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if (!layoutManager.mobile && !userSettings.enableBackdrops()) {
|
||||||
|
elem.classList.add("noBackdrop");
|
||||||
|
}
|
||||||
|
|
||||||
if ("thumb" == shape) {
|
if ("thumb" == shape) {
|
||||||
elem.classList.add("thumbDetailImageContainer");
|
elem.classList.add("thumbDetailImageContainer");
|
||||||
elem.classList.remove("portraitDetailImageContainer");
|
elem.classList.remove("portraitDetailImageContainer");
|
||||||
|
@ -1047,6 +1057,11 @@ define(["loading", "appRouter", "layoutManager", "connectionManager", "cardBuild
|
||||||
}
|
}
|
||||||
|
|
||||||
function renderDetails(page, item, apiClient, context, isStatic) {
|
function renderDetails(page, item, apiClient, context, isStatic) {
|
||||||
|
var taglineElement = page.querySelector(".detailPageContent");
|
||||||
|
if (!layoutManager.mobile && !userSettings.enableBackdrops()) {
|
||||||
|
taglineElement.classList.add("noBackdrop");
|
||||||
|
}
|
||||||
|
|
||||||
renderSimilarItems(page, item, context);
|
renderSimilarItems(page, item, context);
|
||||||
renderMoreFromSeason(page, item, apiClient);
|
renderMoreFromSeason(page, item, apiClient);
|
||||||
renderMoreFromArtist(page, item, apiClient);
|
renderMoreFromArtist(page, item, apiClient);
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue