cotugno/jellyfin-web
2
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web.git synced 2024-11-17 02:48:19 -07:00
Code Issues Packages Projects Releases Wiki Activity

Fix tv layout

Browse Source
This commit is contained in:
Bill Thornton 2021-08-13 10:09:36 -04:00
parent ba1e05ba22
commit 0c41d29c34
1 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/assets/css/librarybrowser.scss
View File

@ -624,8 +624,6 @@
.layout-tv #itemDetailPage:not(.noBackdrop) .detailPagePrimaryContainer, .layout-tv #itemDetailPage:not(.noBackdrop) .detailPagePrimaryContainer,
.layout-desktop #itemDetailPage:not(.noBackdrop) .detailPagePrimaryContainer { .layout-desktop #itemDetailPage:not(.noBackdrop) .detailPagePrimaryContainer {
position: relative;
top: 0;
padding-left: 32.45vw; padding-left: 32.45vw;
} }
@ -679,7 +677,9 @@
} }
.detailImageContainer .card { .detailImageContainer .card {
position: absolute; // important is needed here to override :focus setting
// the position to relative in the tv layout
position: absolute !important;
top: 20%; top: 20%;
max-width: 25vw; max-width: 25vw;
max-height: 80vh; max-height: 80vh;
@ -701,6 +701,7 @@
left: 5%; left: 5%;
bottom: 1rem; bottom: 1rem;
max-width: 30vw; max-width: 30vw;
padding-left: 5%;
@media all and (max-width: 32em) { @media all and (max-width: 32em) {
left: 0; left: 0;
@ -715,15 +716,13 @@
} }
.layout-tv & { .layout-tv & {
left: 5%;
width: 25vw;
top: 50%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
} }
} }
.layout-mobile .detailImageContainer {
padding-left: 5%;
}
.layout-desktop .noBackdrop .detailImageContainer, .layout-desktop .noBackdrop .detailImageContainer,
.layout-tv .noBackdrop .detailImageContainer { .layout-tv .noBackdrop .detailImageContainer {
margin-top: 0; margin-top: 0;