mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
update scrolling
This commit is contained in:
parent
e03c297f2f
commit
a1eb9ab0b5
13 changed files with 70 additions and 40 deletions
File diff suppressed because one or more lines are too long
|
@ -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>
|
Loading…
Add table
Add a link
Reference in a new issue