diff --git a/src/assets/css/librarybrowser.css b/src/assets/css/librarybrowser.css index c0a92e05f9..219599e804 100644 --- a/src/assets/css/librarybrowser.css +++ b/src/assets/css/librarybrowser.css @@ -671,6 +671,10 @@ margin: 1em 0; } +.layout-mobile .detailimg-hidemobile { + display: none; +} + .detailImageContainer .card { position: absolute; top: 50%; @@ -742,14 +746,19 @@ div.itemDetailGalleryLink.defaultCardBackground { position: relative; } - .layout-desktop .detailPageWrapperContainer, - .layout-tv .detailPageWrapperContainer { - margin-top: 7.2em; + .layout-desktop .itemBackdrop, + .layout-tv .itemBackdrop { + height: 40vh; } - .layout-tv #itemDetailPage:not(.noBackdrop) .detailPagePrimaryContainer, - .layout-desktop #itemDetailPage:not(.noBackdrop) .detailPagePrimaryContainer { - padding-left: 3.3%; + .layout-desktop .detailPageWrapperContainer, + .layout-tv .detailPageWrapperContainer { + margin-top: 0.1em; + } + + .layout-desktop .detailImageContainer .card, + .layout-tv .detailImageContainer .card { + top: 10%; } .btnPlaySimple { @@ -786,10 +795,6 @@ div.itemDetailGalleryLink.defaultCardBackground { .itemDetailPage { padding-top: 0 !important; } - - .detailimg-hidemobile { - display: none; - } } @media all and (min-width: 31.25em) { diff --git a/src/controllers/itemDetails/index.js b/src/controllers/itemDetails/index.js index 60da3b3c42..c9677f77c0 100644 --- a/src/controllers/itemDetails/index.js +++ b/src/controllers/itemDetails/index.js @@ -498,7 +498,7 @@ define(['loading', 'appRouter', 'layoutManager', 'connectionManager', 'userSetti var hasbackdrop = false; var itemBackdropElement = page.querySelector('#itemBackdrop'); - if (!layoutManager.mobile && ((!userSettings.enableBackdrops() && !userSettings.detailsBanner()) || (userSettings.enableBackdrops() && !userSettings.detailsBanner()))) { + if (!layoutManager.mobile && !userSettings.detailsBanner()) { return false; }