milas/jellyfish-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix noBackdrop pages

Browse source
This commit is contained in:
MrTimscampi 2020-02-29 20:14:21 +01:00
parent 94cdd38de1
commit 57bc5e5ee4
5 changed files with 46 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

47
src/assets/css/librarybrowser.css
View file

@ -454,19 +454,18 @@
display: block;
}
.itemBackdrop.noBackdrop {
.layout-desktop .noBackdrop .itemBackdrop,
.layout-tv .noBackdrop .itemBackdrop {
display: none;
}
.detailPageContent.noBackdrop {
margin-top: 6.75em;
.layout-desktop .noBackdrop .detailPageContent,
.layout-tv .noBackdrop .detailPageContent {
margin-top: 2.5em;
}
.layout-desktop .detailImageContainer.noBackdrop img {
margin-top: -2.5em;
}
.layout-tv .detailImageContainer.noBackdrop img {
.layout-desktop .noBackdrop .detailImageContainer img,
.layout-tv .noBackdrop .detailImageContainer img {
margin-top: 0;
}
@ -545,18 +544,20 @@
top: 0;
}
.layout-tv .detailPagePrimaryContainer:not(.noBackdrop),
.layout-desktop .detailPagePrimaryContainer:not(.noBackdrop) {
.layout-tv #itemDetailPage:not(.noBackdrop) .detailPagePrimaryContainer,
.layout-desktop #itemDetailPage:not(.noBackdrop) .detailPagePrimaryContainer {
position: relative;
top: 0;
padding-left: 32.45vw;
}
.detailSticky {
margin-top: -7.3em;
.layout-desktop .detailSticky,
.layout-tv .detailSticky {
margin-top: -7.2em;
}
.detailSticky.noBackdrop {
.layout-desktop .noBackdrop .detailSticky,
.layout-tv .noBackdrop .detailSticky {
margin-top: 0;
}
@ -594,7 +595,8 @@
z-index: 3;
}
.detailImageContainer.noBackdrop {
.layout-desktop .noBackdrop .detailImageContainer,
.layout-tv .noBackdrop .detailImageContainer {
margin-top: 0;
}
@ -612,6 +614,10 @@
background-size: contain;
}
.noBackdrop .detailLogo {
display: none;
}
@media all and (max-width: 87.5em) {
.detailLogo {
right: 5%;
@ -666,6 +672,16 @@ div.itemDetailGalleryLink.defaultCardBackground {
position: relative;
}
.layout-desktop .detailPageWrapperContainer,
.layout-tv .detailPageWrapperContainer {
margin-top: 7.2em;
}
.layout-tv #itemDetailPage:not(.noBackdrop) .detailPagePrimaryContainer,
.layout-desktop #itemDetailPage:not(.noBackdrop) .detailPagePrimaryContainer {
padding-left: 3.3%;
}
.btnPlaySimple {
display: none !important;
}
@ -880,7 +896,8 @@ div.itemDetailGalleryLink.defaultCardBackground {
border-collapse: collapse;
}
.detailPageWrapperContainer.noBackdrop {
.layout-desktop .noBackdrop .detailPageWrapperContainer,
.layout-tv .noBackdrop .detailPageWrapperContainer {
margin-top: 4em;
}