mirror of
https://github.com/lscambo13/ElegantFin.git
synced 2025-09-18 12:40:16 +00:00
New: Brought back posters in TV layout as it lacks backdrops by default
Fix: Made the TV layout more consistent and removed the workaround for navigation
This commit is contained in:
@@ -242,11 +242,6 @@ html {
|
|||||||
justify-content: flex-start !important;
|
justify-content: flex-start !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layout-tv .vertical-wrap:not(.centered) {
|
|
||||||
/* this looks odd, but it is needed for proper navigation with remote controls on TVs*/
|
|
||||||
justify-content: flex-end !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.countIndicator,
|
.countIndicator,
|
||||||
.fullSyncIndicator,
|
.fullSyncIndicator,
|
||||||
.mediaSourceIndicator {
|
.mediaSourceIndicator {
|
||||||
@@ -770,6 +765,13 @@ html {
|
|||||||
background: linear-gradient(0deg, var(--darkerGradientPointAlpha) 70%, 85%, transparent);
|
background: linear-gradient(0deg, var(--darkerGradientPointAlpha) 70%, 85%, transparent);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.layout-tv .detailPageWrapperContainer {
|
||||||
|
padding-left: 30vw;
|
||||||
|
background: transparent;
|
||||||
|
min-height: 46vh;
|
||||||
|
background: linear-gradient(0deg, var(--darkerGradientPointAlpha) 70%, 85%, transparent);
|
||||||
|
}
|
||||||
|
|
||||||
.detailPagePrimaryContainer {
|
.detailPagePrimaryContainer {
|
||||||
align-content: space-between;
|
align-content: space-between;
|
||||||
align-items: stretch;
|
align-items: stretch;
|
||||||
@@ -1009,8 +1011,9 @@ html {
|
|||||||
display: block;
|
display: block;
|
||||||
height: 25vh;
|
height: 25vh;
|
||||||
top: 40vh;
|
top: 40vh;
|
||||||
width: 60%;
|
left: 30vw;
|
||||||
margin: auto 20%;
|
width: 60vw;
|
||||||
|
margin: auto 5vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layout-tv .itemBackdrop {
|
.layout-tv .itemBackdrop {
|
||||||
@@ -1021,6 +1024,12 @@ html {
|
|||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.layout-tv .detailImageContainer.padded-left {
|
||||||
|
padding-left: 0;
|
||||||
|
height: 0;
|
||||||
|
position: fixed;
|
||||||
|
}
|
||||||
|
|
||||||
.layout-desktop .detailImageContainer .card {
|
.layout-desktop .detailImageContainer .card {
|
||||||
top: unset !important;
|
top: unset !important;
|
||||||
width: 22vh !important;
|
width: 22vh !important;
|
||||||
@@ -1038,6 +1047,7 @@ html {
|
|||||||
|
|
||||||
.layout-tv .detailImageContainer .card {
|
.layout-tv .detailImageContainer .card {
|
||||||
width: 23vw !important;
|
width: 23vw !important;
|
||||||
|
display: block !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layout-mobile .detailImageContainer .card {
|
.layout-mobile .detailImageContainer .card {
|
||||||
|
Reference in New Issue
Block a user