mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

update detail screen

Browse source
This commit is contained in:
Luke Pulverenti 2016-12-04 16:30:07 -05:00
parent 8ac4ff719f
commit 6435d047f6
2 changed files with 7 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

27
dashboard-ui/css/librarybrowser.css
View file

@ -261,6 +261,7 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
.noBackdrop { .noBackdrop {
background: #181818; background: #181818;
height: 170px !important;
} }
.withBackdrop + .mainDrawerPanel .noBackdrop { .withBackdrop + .mainDrawerPanel .noBackdrop {
@ -348,9 +349,13 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
@media all and (max-width: 800px) { @media all and (max-width: 800px) {
.detailPageContent {
position: relative;
}
.detailImageContainer { .detailImageContainer {
position: absolute; position: absolute;
top: 210px; top: -130px;
left: 3%; left: 3%;
} }
@ -512,10 +517,6 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
.itemBackdrop { .itemBackdrop {
height: 290px; height: 290px;
} }
.detailImageContainer {
top: 200px;
}
} }
@media all and (max-height: 500px) { @media all and (max-height: 500px) {
@ -523,10 +524,6 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
.itemBackdrop { .itemBackdrop {
height: 240px; height: 240px;
} }
.detailImageContainer {
top: 150px;
}
} }
@media all and (max-height: 460px) { @media all and (max-height: 460px) {
@ -534,10 +531,6 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
.itemBackdrop { .itemBackdrop {
height: 200px; height: 200px;
} }
.detailImageContainer {
top: 110px;
}
} }
@media all and (max-height: 300px) { @media all and (max-height: 300px) {
@ -545,10 +538,6 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
.itemBackdrop { .itemBackdrop {
height: 150px; height: 150px;
} }
.detailImageContainer {
top: 60px;
}
} }
@media all and (max-height: 250px) { @media all and (max-height: 250px) {
@ -556,10 +545,6 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
.itemBackdrop { .itemBackdrop {
height: 120px; height: 120px;
} }
.detailImageContainer {
top: 30px;
}
} }
@media all and (max-width: 800px) { @media all and (max-width: 800px) {

2
dashboard-ui/scripts/itemdetailpage.js
View file

@ -117,7 +117,7 @@
renderDetails(page, item, context); renderDetails(page, item, context);
backdrop.setBackdrops([item], { backdrop.setBackdrops([item], {
blur: 40 blur: 32
}, false); }, false);
LibraryBrowser.renderDetailPageBackdrop(page, item, imageLoader); LibraryBrowser.renderDetailPageBackdrop(page, item, imageLoader);