1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00

update scrolling

This commit is contained in:
Luke Pulverenti 2017-07-02 14:58:34 -04:00
parent e03c297f2f
commit a1eb9ab0b5
13 changed files with 70 additions and 40 deletions

File diff suppressed because one or more lines are too long

View file

@ -14,8 +14,10 @@
<h2 class="sectionTitle sectionTitle-cards padded-left padded-right" style="display: inline-block; vertical-align: middle;">${Movies}</h2>
</div>
<div is="emby-scroller" data-horizontal="true" data-centerfocus="card" data-mousewheel="false" class="padded-top-focusscale padded-bottom-focusscale focuscontainer-x">
<div is="emby-itemscontainer" class="padded-left padded-right itemsContainer scrollSlider"></div>
<div is="emby-scroller" data-horizontal="true" data-centerfocus="card" data-mousewheel="false">
<div class="scrollerframe padded-top-focusscale padded-bottom-focusscale focuscontainer-x">
<div is="emby-itemscontainer" class="padded-left padded-right itemsContainer scrollSlider"></div>
</div>
</div>
</div>
@ -24,8 +26,10 @@
<h2 class="sectionTitle sectionTitle-cards padded-left padded-right" style="display: inline-block; vertical-align: middle;">${Shows}</h2>
</div>
<div is="emby-scroller" data-horizontal="true" data-centerfocus="card" data-mousewheel="false" class="padded-top-focusscale padded-bottom-focusscale focuscontainer-x">
<div is="emby-itemscontainer" class="padded-left padded-right itemsContainer scrollSlider"></div>
<div is="emby-scroller" data-horizontal="true" data-centerfocus="card" data-mousewheel="false">
<div class="scrollerframe padded-top-focusscale padded-bottom-focusscale focuscontainer-x">
<div is="emby-itemscontainer" class="padded-left padded-right itemsContainer scrollSlider"></div>
</div>
</div>
</div>
@ -34,8 +38,10 @@
<h2 class="sectionTitle sectionTitle-cards padded-left padded-right" style="display: inline-block; vertical-align: middle;">${Episodes}</h2>
</div>
<div is="emby-scroller" data-horizontal="true" data-centerfocus="card" data-mousewheel="false" class="padded-top-focusscale padded-bottom-focusscale focuscontainer-x">
<div is="emby-itemscontainer" class="padded-left padded-right itemsContainer scrollSlider"></div>
<div is="emby-scroller" data-horizontal="true" data-centerfocus="card" data-mousewheel="false">
<div class="scrollerframe padded-top-focusscale padded-bottom-focusscale focuscontainer-x">
<div is="emby-itemscontainer" class="padded-left padded-right itemsContainer scrollSlider"></div>
</div>
</div>
</div>
@ -44,8 +50,10 @@
<h2 class="sectionTitle sectionTitle-cards padded-left padded-right" style="display: inline-block; vertical-align: middle;">${Sports}</h2>
</div>
<div is="emby-scroller" data-horizontal="true" data-centerfocus="card" data-mousewheel="false" class="padded-top-focusscale padded-bottom-focusscale focuscontainer-x">
<div is="emby-itemscontainer" class="padded-left padded-right itemsContainer scrollSlider"></div>
<div is="emby-scroller" data-horizontal="true" data-centerfocus="card" data-mousewheel="false">
<div class="scrollerframe padded-top-focusscale padded-bottom-focusscale focuscontainer-x">
<div is="emby-itemscontainer" class="padded-left padded-right itemsContainer scrollSlider"></div>
</div>
</div>
</div>
@ -54,8 +62,10 @@
<h2 class="sectionTitle sectionTitle-cards padded-left padded-right" style="display: inline-block; vertical-align: middle;">${Kids}</h2>
</div>
<div is="emby-scroller" data-horizontal="true" data-centerfocus="card" data-mousewheel="false" class="padded-top-focusscale padded-bottom-focusscale focuscontainer-x">
<div is="emby-itemscontainer" class="padded-left padded-right itemsContainer scrollSlider"></div>
<div is="emby-scroller" data-horizontal="true" data-centerfocus="card" data-mousewheel="false">
<div class="scrollerframe padded-top-focusscale padded-bottom-focusscale focuscontainer-x">
<div is="emby-itemscontainer" class="padded-left padded-right itemsContainer scrollSlider"></div>
</div>
</div>
</div>
@ -64,8 +74,10 @@
<h2 class="sectionTitle sectionTitle-cards padded-left padded-right" style="display: inline-block; vertical-align: middle;">${News}</h2>
</div>
<div is="emby-scroller" data-horizontal="true" data-centerfocus="card" data-mousewheel="false" class="padded-top-focusscale padded-bottom-focusscale focuscontainer-x">
<div is="emby-itemscontainer" class="padded-left padded-right itemsContainer scrollSlider"></div>
<div is="emby-scroller" data-horizontal="true" data-centerfocus="card" data-mousewheel="false">
<div class="scrollerframe padded-top-focusscale padded-bottom-focusscale focuscontainer-x">
<div is="emby-itemscontainer" class="padded-left padded-right itemsContainer scrollSlider"></div>
</div>
</div>
</div>
@ -74,8 +86,10 @@
<h2 class="sectionTitle sectionTitle-cards padded-left padded-right" style="display: inline-block; vertical-align: middle;">${Programs}</h2>
</div>
<div is="emby-scroller" data-horizontal="true" data-centerfocus="card" data-mousewheel="false" class="padded-top-focusscale padded-bottom-focusscale focuscontainer-x">
<div is="emby-itemscontainer" class="padded-left padded-right itemsContainer scrollSlider"></div>
<div is="emby-scroller" data-horizontal="true" data-centerfocus="card" data-mousewheel="false">
<div class="scrollerframe padded-top-focusscale padded-bottom-focusscale focuscontainer-x">
<div is="emby-itemscontainer" class="padded-left padded-right itemsContainer scrollSlider"></div>
</div>
</div>
</div>
@ -84,8 +98,10 @@
<h2 class="sectionTitle sectionTitle-cards padded-left padded-right" style="display: inline-block; vertical-align: middle;">${Videos}</h2>
</div>
<div is="emby-scroller" data-horizontal="true" data-centerfocus="card" data-mousewheel="false" class="padded-top-focusscale padded-bottom-focusscale focuscontainer-x">
<div is="emby-itemscontainer" class="padded-left padded-right itemsContainer scrollSlider"></div>
<div is="emby-scroller" data-horizontal="true" data-centerfocus="card" data-mousewheel="false">
<div class="scrollerframe padded-top-focusscale padded-bottom-focusscale focuscontainer-x">
<div is="emby-itemscontainer" class="padded-left padded-right itemsContainer scrollSlider"></div>
</div>
</div>
</div>
@ -94,8 +110,10 @@
<h2 class="sectionTitle sectionTitle-cards padded-left padded-right" style="display: inline-block; vertical-align: middle;">${Artists}</h2>
</div>
<div is="emby-scroller" data-horizontal="true" data-centerfocus="card" data-mousewheel="false" class="padded-top-focusscale padded-bottom-focusscale focuscontainer-x">
<div is="emby-itemscontainer" class="padded-left padded-right itemsContainer scrollSlider"></div>
<div is="emby-scroller" data-horizontal="true" data-centerfocus="card" data-mousewheel="false">
<div class="scrollerframe padded-top-focusscale padded-bottom-focusscale focuscontainer-x">
<div is="emby-itemscontainer" class="padded-left padded-right itemsContainer scrollSlider"></div>
</div>
</div>
</div>
@ -104,8 +122,10 @@
<h2 class="sectionTitle sectionTitle-cards padded-left padded-right" style="display: inline-block; vertical-align: middle;">${Albums}</h2>
</div>
<div is="emby-scroller" data-horizontal="true" data-centerfocus="card" data-mousewheel="false" class="padded-top-focusscale padded-bottom-focusscale focuscontainer-x">
<div is="emby-itemscontainer" class="padded-left padded-right itemsContainer scrollSlider"></div>
<div is="emby-scroller" data-horizontal="true" data-centerfocus="card" data-mousewheel="false">
<div class="scrollerframe padded-top-focusscale padded-bottom-focusscale focuscontainer-x">
<div is="emby-itemscontainer" class="padded-left padded-right itemsContainer scrollSlider"></div>
</div>
</div>
</div>
@ -114,8 +134,10 @@
<h2 class="sectionTitle sectionTitle-cards padded-left padded-right" style="display: inline-block; vertical-align: middle;">${Songs}</h2>
</div>
<div is="emby-scroller" data-horizontal="true" data-centerfocus="card" data-mousewheel="false" class="padded-top-focusscale padded-bottom-focusscale focuscontainer-x">
<div is="emby-itemscontainer" class="padded-left padded-right itemsContainer scrollSlider"></div>
<div is="emby-scroller" data-horizontal="true" data-centerfocus="card" data-mousewheel="false">
<div class="scrollerframe padded-top-focusscale padded-bottom-focusscale focuscontainer-x">
<div is="emby-itemscontainer" class="padded-left padded-right itemsContainer scrollSlider"></div>
</div>
</div>
</div>
@ -124,8 +146,10 @@
<h2 class="sectionTitle sectionTitle-cards padded-left padded-right" style="display: inline-block; vertical-align: middle;">${HeaderAudioBooks}</h2>
</div>
<div is="emby-scroller" data-horizontal="true" data-centerfocus="card" data-mousewheel="false" class="padded-top-focusscale padded-bottom-focusscale focuscontainer-x">
<div is="emby-itemscontainer" class="padded-left padded-right itemsContainer scrollSlider"></div>
<div is="emby-scroller" data-horizontal="true" data-centerfocus="card" data-mousewheel="false">
<div class="scrollerframe padded-top-focusscale padded-bottom-focusscale focuscontainer-x">
<div is="emby-itemscontainer" class="padded-left padded-right itemsContainer scrollSlider"></div>
</div>
</div>
</div>
@ -134,8 +158,10 @@
<h2 class="sectionTitle sectionTitle-cards padded-left padded-right" style="display: inline-block; vertical-align: middle;">${Books}</h2>
</div>
<div is="emby-scroller" data-horizontal="true" data-centerfocus="card" data-mousewheel="false" class="padded-top-focusscale padded-bottom-focusscale focuscontainer-x">
<div is="emby-itemscontainer" class="padded-left padded-right itemsContainer scrollSlider"></div>
<div is="emby-scroller" data-horizontal="true" data-centerfocus="card" data-mousewheel="false">
<div class="scrollerframe padded-top-focusscale padded-bottom-focusscale focuscontainer-x">
<div is="emby-itemscontainer" class="padded-left padded-right itemsContainer scrollSlider"></div>
</div>
</div>
</div>
@ -144,7 +170,9 @@
<h2 class="sectionTitle sectionTitle-cards padded-left padded-right" style="display: inline-block; vertical-align: middle;">${People}</h2>
</div>
<div is="emby-scroller" data-horizontal="true" data-centerfocus="card" data-mousewheel="false" class="padded-top-focusscale padded-bottom-focusscale focuscontainer-x">
<div is="emby-itemscontainer" class="padded-left padded-right itemsContainer scrollSlider"></div>
<div is="emby-scroller" data-horizontal="true" data-centerfocus="card" data-mousewheel="false">
<div class="scrollerframe padded-top-focusscale padded-bottom-focusscale focuscontainer-x">
<div is="emby-itemscontainer" class="padded-left padded-right itemsContainer scrollSlider"></div>
</div>
</div>
</div>