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 detailPagePrimaryContainer style

Browse source
This commit is contained in:
grafixeyehero 2019-12-22 20:01:33 +03:00
parent 8e9b094d4b
commit 77fd191d99
2 changed files with 29 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

39
src/css/librarybrowser.css
View file

@ -233,6 +233,7 @@
} }
@media all and (min-width:40em) { @media all and (min-width:40em) {
.dashboardDocument .adminDrawerLogo, .dashboardDocument .adminDrawerLogo,
.dashboardDocument .mainDrawerButton { .dashboardDocument .mainDrawerButton {
display: none !important display: none !important
@ -422,7 +423,7 @@
} }
.noBackdrop { .noBackdrop {
display:none; display: none;
} }
.itemBackdrop { .itemBackdrop {
@ -448,24 +449,32 @@
.detailPagePrimaryContainer { .detailPagePrimaryContainer {
display: flex; display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center; align-items: center;
flex-flow: row wrap;
align-content: center;
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 2; z-index: 2;
} }
.infoWrapper {
margin: 1.25em 0 0;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
flex: 1 0 0;
}
.layout-tv .detailPagePrimaryContainer { .layout-tv .detailPagePrimaryContainer {
position: relative; position: relative;
} }
.detailPageSeconderyContainer { .detailPageSeconderyContainer {
margin: 1.25em 0; margin: 1.25em 0;
display:grid; display: grid;
grid-template-columns: 100%; grid-template-columns: 100%;
padding-left:2%; padding-left: 2%;
padding-right:2%; padding-right: 2%;
} }
.layout-tv .detailPageSeconderyWrapper { .layout-tv .detailPageSeconderyWrapper {
@ -479,10 +488,8 @@
} }
.detailImageContainer { .detailImageContainer {
margin: 1.25em 0;
width: 350px;
position: sticky; position: sticky;
top:15%; top: 15%;
float: left; float: left;
} }
@ -601,8 +608,14 @@
.detailPagePrimaryContainer { .detailPagePrimaryContainer {
display: flex; display: flex;
align-items: center;
justify-content: center; justify-content: center;
flex-wrap: wrap; }
.infoWrapper {
text-overflow: initial;
white-space: normal;
flex: initial;
} }
} }
@ -621,7 +634,7 @@
.detailButton-mobile, .detailButton-mobile,
.mainDetailButtons { .mainDetailButtons {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex display: -webkit-flex;
} }
.itemName { .itemName {
@ -904,7 +917,7 @@
margin: 1.25em 0; margin: 1.25em 0;
} }
.sectionTitleContainer > .sectionTitle { .sectionTitleContainer>.sectionTitle {
margin: 0; margin: 0;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
@ -924,7 +937,7 @@
flex-shrink: 0 flex-shrink: 0
} }
.sectionTitleButton + .sectionTitleButton { .sectionTitleButton+.sectionTitleButton {
margin-left: .5em !important margin-left: .5em !important
} }

6
src/itemdetails.html
View file

@ -13,9 +13,9 @@
<div class="detailPagePrimaryContainer padded-left padded-right"> <div class="detailPagePrimaryContainer padded-left padded-right">
<div class="infoWrapper"> <div class="infoWrapper">
<div class="nameContainer"></div> <div class="nameContainer"></div>
<div class="itemMiscInfo itemMiscInfo-primary" style="margin: .7em 0;font-size:92%;"></div> <div class="itemMiscInfo itemMiscInfo-primary" style="margin: .7em 0;font-size:92%;"></div>
<div class="itemMiscInfo itemMiscInfo-secondary" style="margin: .7em 0;font-size:92%;"></div> <div class="itemMiscInfo itemMiscInfo-secondary" style="margin: .7em 0;font-size:92%;"></div>
</div> </div>
<div class="mainDetailButtons padded-left"> <div class="mainDetailButtons padded-left">