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-desktop #itemDetailPage:not(.noBackdrop) .detailPagePrimaryContainer {
position: relative;
top: 0;
padding-left: 32.45vw;
}
@ -679,7 +677,9 @@
}
.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%;
max-width: 25vw;
max-height: 80vh;
@ -701,6 +701,7 @@
left: 5%;
bottom: 1rem;
max-width: 30vw;
padding-left: 5%;
@media all and (max-width: 32em) {
left: 0;
@ -715,15 +716,13 @@
}
.layout-tv & {
left: 5%;
width: 25vw;
top: 50%;
transform: translateY(-50%);
}
}
.layout-mobile .detailImageContainer {
padding-left: 5%;
}
.layout-desktop .noBackdrop .detailImageContainer,
.layout-tv .noBackdrop .detailImageContainer {
margin-top: 0;