mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code 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
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: ""; content: "";
width: 100%; width: 100%;
height: 100%; height: 100%;
background: rgba(0, 0, 0, 0.25); background: rgba(0, 0, 0, 0.65);
display: block; display: block;
} }
} }
@ -610,21 +610,22 @@
align-items: center; align-items: center;
align-content: center; align-content: center;
z-index: 2; z-index: 2;
}
.layout-tv .detailPagePrimaryContainer { .layout-mobile & {
display: block; display: block;
} position: relative;
padding: 0.5rem 5%;
}
.layout-mobile .detailPagePrimaryContainer { .layout-desktop & {
display: block; position: relative;
position: relative; padding-left: 32.45vw;
padding: 0.5rem 5%; }
}
.layout-tv #itemDetailPage:not(.noBackdrop) .detailPagePrimaryContainer, .layout-tv & {
.layout-desktop #itemDetailPage:not(.noBackdrop) .detailPagePrimaryContainer { display: block;
padding-left: 32.45vw; padding-left: 32.45vw;
}
} }
.layout-desktop .detailRibbon { .layout-desktop .detailRibbon {
@ -715,10 +716,16 @@
} }
} }
.layout-desktop & {
left: 3.3%;
top: -80%;
width: 25vw;
}
.layout-tv & { .layout-tv & {
left: 5%; left: 5%;
width: 25vw;
top: 50%; top: 50%;
width: 25vw;
transform: translateY(-50%); transform: translateY(-50%);
} }
} }