diff --git a/src/controllers/dashboard/dashboard.js b/src/controllers/dashboard/dashboard.js index 2530d7a9a1..a5ba9f60f5 100644 --- a/src/controllers/dashboard/dashboard.js +++ b/src/controllers/dashboard/dashboard.js @@ -493,15 +493,15 @@ define(["datetime", "events", "itemHelper", "serverNotifications", "dom", "globa if (nowPlayingItem.ImageTags && nowPlayingItem.ImageTags.Logo) { imgUrl = ApiClient.getScaledImageUrl(nowPlayingItem.Id, { tag: nowPlayingItem.ImageTags.Logo, - maxHeight: 24, - maxWidth: 130, + maxHeight: 24 * window.devicePixelRatio, + maxWidth: 130 * window.devicePixelRatio, type: "Logo" }); } else if (nowPlayingItem.ParentLogoImageTag) { imgUrl = ApiClient.getScaledImageUrl(nowPlayingItem.ParentLogoItemId, { tag: nowPlayingItem.ParentLogoImageTag, - maxHeight: 24, - maxWidth: 130, + maxHeight: 24 * window.devicePixelRatio, + maxWidth: 130 * window.devicePixelRatio, type: "Logo" }); } @@ -636,6 +636,7 @@ define(["datetime", "events", "itemHelper", "serverNotifications", "dom", "globa getNowPlayingImageUrl: function (item) { if (item && item.BackdropImageTags && item.BackdropImageTags.length) { return ApiClient.getScaledImageUrl(item.Id, { + maxWidth: dom.getScreenWidth() * 0.20, type: "Backdrop", tag: item.BackdropImageTags[0] }); @@ -643,6 +644,7 @@ define(["datetime", "events", "itemHelper", "serverNotifications", "dom", "globa if (item && item.ParentBackdropImageTags && item.ParentBackdropImageTags.length) { return ApiClient.getScaledImageUrl(item.ParentBackdropItemId, { + maxWidth: dom.getScreenWidth() * 0.20, type: "Backdrop", tag: item.ParentBackdropImageTags[0] }); @@ -650,6 +652,7 @@ define(["datetime", "events", "itemHelper", "serverNotifications", "dom", "globa if (item && item.BackdropImageTag) { return ApiClient.getScaledImageUrl(item.BackdropItemId, { + maxWidth: dom.getScreenWidth() * 0.20, type: "Backdrop", tag: item.BackdropImageTag }); @@ -659,6 +662,7 @@ define(["datetime", "events", "itemHelper", "serverNotifications", "dom", "globa if (item && imageTags.Thumb) { return ApiClient.getScaledImageUrl(item.Id, { + maxWidth: dom.getScreenWidth() * 0.20, type: "Thumb", tag: imageTags.Thumb }); @@ -666,6 +670,7 @@ define(["datetime", "events", "itemHelper", "serverNotifications", "dom", "globa if (item && item.ParentThumbImageTag) { return ApiClient.getScaledImageUrl(item.ParentThumbItemId, { + maxWidth: dom.getScreenWidth() * 0.20, type: "Thumb", tag: item.ParentThumbImageTag }); @@ -673,6 +678,7 @@ define(["datetime", "events", "itemHelper", "serverNotifications", "dom", "globa if (item && item.ThumbImageTag) { return ApiClient.getScaledImageUrl(item.ThumbItemId, { + maxWidth: dom.getScreenWidth() * 0.20, type: "Thumb", tag: item.ThumbImageTag }); @@ -680,6 +686,7 @@ define(["datetime", "events", "itemHelper", "serverNotifications", "dom", "globa if (item && imageTags.Primary) { return ApiClient.getScaledImageUrl(item.Id, { + maxWidth: dom.getScreenWidth() * 0.20, type: "Primary", tag: imageTags.Primary }); @@ -687,6 +694,7 @@ define(["datetime", "events", "itemHelper", "serverNotifications", "dom", "globa if (item && item.PrimaryImageTag) { return ApiClient.getScaledImageUrl(item.PrimaryImageItemId, { + maxWidth: dom.getScreenWidth() * 0.20, type: "Primary", tag: item.PrimaryImageTag }); @@ -694,6 +702,7 @@ define(["datetime", "events", "itemHelper", "serverNotifications", "dom", "globa if (item && item.AlbumPrimaryImageTag) { return ApiClient.getScaledImageUrl(item.AlbumId, { + maxWidth: dom.getScreenWidth() * 0.20, type: "Primary", tag: item.AlbumPrimaryImageTag }); diff --git a/src/controllers/itemdetailpage.js b/src/controllers/itemdetailpage.js index a1be8162be..48f697325c 100644 --- a/src/controllers/itemdetailpage.js +++ b/src/controllers/itemdetailpage.js @@ -1818,7 +1818,6 @@ define(["loading", "appRouter", "layoutManager", "connectionManager", "userSetti require(["chaptercardbuilder"], function (chaptercardbuilder) { chaptercardbuilder.buildChapterCards(item, chapters, { itemsContainer: scenesContent, - width: 400, backdropShape: "overflowBackdrop", squareShape: "overflowSquare" }); diff --git a/src/controllers/medialibrarypage.js b/src/controllers/medialibrarypage.js index 03c84f2ca3..f35d7c69a0 100644 --- a/src/controllers/medialibrarypage.js +++ b/src/controllers/medialibrarypage.js @@ -256,6 +256,7 @@ define(["jQuery", "apphost", "scripts/taskbutton", "loading", "libraryMenu", "gl if (virtualFolder.PrimaryImageItemId) { imgUrl = ApiClient.getScaledImageUrl(virtualFolder.PrimaryImageItemId, { + maxWidth: dom.getScreenWidth() * 0.40, type: "Primary" }); } diff --git a/src/controllers/playback/videoosd.js b/src/controllers/playback/videoosd.js index 24d779f245..b01ab26a2c 100644 --- a/src/controllers/playback/videoosd.js +++ b/src/controllers/playback/videoosd.js @@ -334,18 +334,24 @@ define(["playbackManager", "dom", "inputManager", "datetime", "itemHelper", "med if (item) { var imgUrl = seriesImageUrl(item, { + maxWidth: dom.getScreenWidth() * 0.20, type: "Primary" }) || seriesImageUrl(item, { + maxWidth: dom.getScreenWidth() * 0.20, type: "Thumb" }) || imageUrl(item, { + maxWidth: dom.getScreenWidth() * 0.20, type: "Primary" }); if (!imgUrl && secondaryItem && (imgUrl = seriesImageUrl(secondaryItem, { + maxWidth: dom.getScreenWidth() * 0.20, type: "Primary" }) || seriesImageUrl(secondaryItem, { + maxWidth: dom.getScreenWidth() * 0.20, type: "Thumb" }) || imageUrl(secondaryItem, { + maxWidth: dom.getScreenWidth() * 0.20, type: "Primary" })), imgUrl) { return void (osdPoster.innerHTML = '');