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 desktop layout

Browse Source
This commit is contained in:
Bill Thornton 2021-08-13 11:55:10 -04:00
parent 0c41d29c34
commit dc59c68c20
1 changed files with 21 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -424,7 +424,7 @@
content: "";
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.25);
background: rgba(0, 0, 0, 0.65);
display: block;
}
}
@ -610,21 +610,22 @@
align-items: center;
align-content: center;
z-index: 2;
}
.layout-tv .detailPagePrimaryContainer {
display: block;
}
.layout-mobile & {
display: block;
position: relative;
padding: 0.5rem 5%;
}
.layout-mobile .detailPagePrimaryContainer {
display: block;
position: relative;
padding: 0.5rem 5%;
}
.layout-desktop & {
position: relative;
padding-left: 32.45vw;
}
.layout-tv #itemDetailPage:not(.noBackdrop) .detailPagePrimaryContainer,
.layout-desktop #itemDetailPage:not(.noBackdrop) .detailPagePrimaryContainer {
padding-left: 32.45vw;
.layout-tv & {
display: block;
padding-left: 32.45vw;
}
}
.layout-desktop .detailRibbon {
@ -715,10 +716,16 @@
}
}
.layout-desktop & {
left: 3.3%;
top: -80%;
width: 25vw;
}
.layout-tv & {
left: 5%;
width: 25vw;
top: 50%;
width: 25vw;
transform: translateY(-50%);
}
}