diff --git a/dashboard-ui/css/librarybrowser.css b/dashboard-ui/css/librarybrowser.css index 8a5fdab3ec..8a96ee82dc 100644 --- a/dashboard-ui/css/librarybrowser.css +++ b/dashboard-ui/css/librarybrowser.css @@ -261,6 +261,7 @@ span.itemCommunityRating:not(:empty) + .userDataIcons { .noBackdrop { background: #181818; + height: 170px !important; } .withBackdrop + .mainDrawerPanel .noBackdrop { @@ -348,9 +349,13 @@ span.itemCommunityRating:not(:empty) + .userDataIcons { @media all and (max-width: 800px) { + .detailPageContent { + position: relative; + } + .detailImageContainer { position: absolute; - top: 210px; + top: -130px; left: 3%; } @@ -512,10 +517,6 @@ span.itemCommunityRating:not(:empty) + .userDataIcons { .itemBackdrop { height: 290px; } - - .detailImageContainer { - top: 200px; - } } @media all and (max-height: 500px) { @@ -523,10 +524,6 @@ span.itemCommunityRating:not(:empty) + .userDataIcons { .itemBackdrop { height: 240px; } - - .detailImageContainer { - top: 150px; - } } @media all and (max-height: 460px) { @@ -534,10 +531,6 @@ span.itemCommunityRating:not(:empty) + .userDataIcons { .itemBackdrop { height: 200px; } - - .detailImageContainer { - top: 110px; - } } @media all and (max-height: 300px) { @@ -545,10 +538,6 @@ span.itemCommunityRating:not(:empty) + .userDataIcons { .itemBackdrop { height: 150px; } - - .detailImageContainer { - top: 60px; - } } @media all and (max-height: 250px) { @@ -556,10 +545,6 @@ span.itemCommunityRating:not(:empty) + .userDataIcons { .itemBackdrop { height: 120px; } - - .detailImageContainer { - top: 30px; - } } @media all and (max-width: 800px) { diff --git a/dashboard-ui/scripts/itemdetailpage.js b/dashboard-ui/scripts/itemdetailpage.js index 6cccccaac5..8d2e04e82e 100644 --- a/dashboard-ui/scripts/itemdetailpage.js +++ b/dashboard-ui/scripts/itemdetailpage.js @@ -117,7 +117,7 @@ renderDetails(page, item, context); backdrop.setBackdrops([item], { - blur: 40 + blur: 32 }, false); LibraryBrowser.renderDetailPageBackdrop(page, item, imageLoader);