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:
lscambo13
2025-07-24 10:11:18 -07:00
parent dd4725b28b
commit 4df45afdbe

View File

@@ -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 {