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

Merge pull request #294 from grafixeyehero/cast-crew-layout

Browse Source 
change cast & crew view to horizontal scroller
This commit is contained in:
Anthony Lavado 2019-04-30 02:32:23 -04:00 committed by GitHub
commit 914b270d5e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/controllers/itemdetailpage.js
View File

@ -1028,9 +1028,7 @@ define(["loading", "appRouter", "layoutManager", "connectionManager", "cardBuild
if (!people.length) return void page.querySelector("#castCollapsible").classList.add("hide");
page.querySelector("#castCollapsible").classList.remove("hide");
var castContent = page.querySelector("#castContent");
enableScrollX() ? (castContent.classList.add("scrollX"), limit = 32) : castContent.classList.add("vertical-wrap");
var limitExceeded = limit && people.length > limit;
limitExceeded && (people = people.slice(0), people.length = Math.min(limit, people.length)), require(["peoplecardbuilder"], function(peoplecardbuilder) {
require(["peoplecardbuilder"], function(peoplecardbuilder) {
peoplecardbuilder.buildPeopleCards(people, {
itemsContainer: castContent,
coverImage: !0,
@ -1038,9 +1036,7 @@ define(["loading", "appRouter", "layoutManager", "connectionManager", "cardBuild
width: 160,
shape: getPortraitShape()
})
});
var morePeopleButton = page.querySelector(".morePeople");
morePeopleButton && (limitExceeded && !enableScrollX() ? morePeopleButton.classList.remove("hide") : morePeopleButton.classList.add("hide"))
})
}
function itemDetailPage() {

11
src/itemdetails.html
View File

@ -251,12 +251,13 @@
</div>
<div id="castCollapsible" class="verticalSection detailVerticalSection hide">
<h2 id="peopleHeader" class="sectionTitle sectionTitle-cards padded-left">
<h2 id="peopleHeader" class="sectionTitle sectionTitle-cards padded-left padded-right">
${HeaderCastCrew}
</h2>
<div id="castContent" is="emby-itemscontainer" class="itemsContainer padded-left padded-right"></div>
<div class="padded-left">
<button is="emby-button" type="button" class="raised more morePeople hide">${ButtonMore}</button>
<div is="emby-scroller" class="emby-scroller" data-mousewheel="false" data-centerfocus="true" data-horizontal="true">
<div class="scrollerframe padded-top-focusscale padded-bottom-focusscale">
<div id="castContent" is="emby-itemscontainer" class="scrollSlider focuscontainer-x itemsContainer padded-left padded-right"></div>
</div>
</div>
</div>
<div id="seriesScheduleSection" class="verticalSection detailVerticalSection hide">
@ -312,4 +313,4 @@
</div>
</div>
</div>
</div>
</div>