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

change cast & crew scroller to horizontal

Browse source
This commit is contained in:
grafixeyehero 2019-04-27 20:54:57 +03:00
parent 8b5004dda4
commit 6ee9772eca
2 changed files with 9 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

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

11
src/itemdetails.html
View file

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