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

update detail page

This commit is contained in:
Luke Pulverenti 2015-08-24 14:22:44 -04:00
parent 7b7db4e5af
commit 65ed0d3d3c
6 changed files with 49 additions and 16 deletions

View file

@ -401,6 +401,10 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
position: relative;
}
.smallBackdrop {
height: 500px;
}
.noSecondaryNavPage .itemBackdrop {
margin-top: -50px;
}
@ -456,15 +460,12 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
}
.detailUserDataIcons {
display: block;
margin-top: 1em;
display: inline-block;
}
@media all and (min-width: 540px) {
.detailUserDataIcons {
display: inline-block;
margin-top: 0;
margin-left: 1em;
}
}
@ -761,6 +762,10 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
.itemBackdrop:not(.noBackdrop) {
height: 550px;
}
.smallBackdrop:not(.noBackdrop) {
height: 300px;
}
}
@media all and (max-height: 800px), (max-width: 700px) {
@ -768,6 +773,10 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
.itemBackdrop:not(.noBackdrop) {
height: 450px;
}
.smallBackdrop:not(.noBackdrop) {
height: 300px;
}
}
@media all and (max-height: 700px) {
@ -775,6 +784,10 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
.itemBackdrop:not(.noBackdrop) {
height: 350px;
}
.smallBackdrop:not(.noBackdrop) {
height: 300px;
}
}
@media all and (max-width: 540px) {
@ -782,6 +795,10 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
.itemBackdrop:not(.noBackdrop) {
height: 290px;
}
.smallBackdrop:not(.noBackdrop) {
height: 200px;
}
}
@media all and (max-height: 540px) {
@ -789,6 +806,10 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
.itemBackdrop:not(.noBackdrop) {
height: 250px;
}
.smallBackdrop:not(.noBackdrop) {
height: 200px;
}
}
@media all and (max-height: 460px) {
@ -796,6 +817,10 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
.itemBackdrop:not(.noBackdrop) {
height: 200px;
}
.smallBackdrop:not(.noBackdrop) {
height: 120px;
}
}
@media all and (max-height: 300px) {
@ -803,6 +828,10 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
.itemBackdrop:not(.noBackdrop) {
height: 150px;
}
.smallBackdrop:not(.noBackdrop) {
height: 120px;
}
}
@media all and (max-height: 250px) {

View file

@ -716,7 +716,7 @@ paper-input + .fieldDescription {
}
.ui-page-theme-a {
background: #f4f4f4;
background: #f5f5f5;
}
.ui-page-theme-a .content-secondary {