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

infinite scroll proof of concept on tv series

Browse source
This commit is contained in:
Luke Pulverenti 2016-04-24 00:24:16 -04:00
parent 826a115d81
commit b9f3bc6cf1
9 changed files with 1000 additions and 359 deletions
Download patch file Download diff file Expand all files Collapse all files

47
dashboard-ui/css/librarybrowser.css
View file

@ -62,10 +62,18 @@
padding-bottom: 0;
}
.pageWithAbsoluteTabs .pageTabContent, .libraryPage > .ui-content {
.pageWithAbsoluteTabs .pageTabsContainer, .libraryPage > .ui-content {
padding-top: 10px;
}
.absolutePageTabContent {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
/*.pageWithAbsoluteTabs .pageTabContent {
padding-left: .5em !important;
padding-right: .5em !important;
@ -1174,7 +1182,7 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
.alphabetPicker {
position: fixed;
right: 0;
right: 5px;
bottom: 0;
z-index: 999;
text-align: center;
@ -1183,16 +1191,20 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
line-height: 1;
}
.alphabetPicker a {
display: block;
text-decoration: none;
padding: 1px 5px 1px 10px;
font-weight: 500;
}
.layout-desktop .absolutePageTabContent .alphabetPicker {
right: 15px;
}
.alphabetPicker a:not(.selectedCharacter) {
color: #bbb !important;
}
.alphabetPicker a {
display: block;
text-decoration: none;
padding: 1px 2px 1px 5px;
font-weight: 500;
}
.alphabetPicker a:not(.selectedCharacter) {
color: #bbb !important;
}
.selectedCharacter {
@ -1256,6 +1268,17 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
.itemsContainerWithAlphaPicker {
margin-right: 20px;
}
.absolutePageTabContent .itemsContainerWithAlphaPicker {
margin-right: 30px;
}
}
@media all and (min-height: 480px) and (max-width: 800px) {
.absolutePageTabContent .itemsContainerWithAlphaPicker iron-list {
width: 99.5% !important;
}
}
@media all and (min-height: 500px) {
@ -1267,7 +1290,7 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
@media all and (min-width: 1200px) {
.itemsContainerWithAlphaPicker {
.itemsContainerWithAlphaPicker, .absolutePageTabContent .itemsContainerWithAlphaPicker {
margin-right: 0;
}
}

6
dashboard-ui/css/librarymenu.css
View file

@ -10,6 +10,12 @@
padding-top: 98px !important;
}
.absolutePageTabContent {
margin: 0 !important;
width: 100% !important;
top: 98px !important;
}
.sidebarDivider {
height: 1px;
background: #eaeaea;

2
dashboard-ui/css/site.css
View file

@ -870,7 +870,7 @@ paper-input + .fieldDescription {
padding: 1em;
}
.page > .ui-content, .pageWithAbsoluteTabs .pageTabContent {
.page > .ui-content, .pageWithAbsoluteTabs .pageTabContent, .absolutePageTabContent .itemsContainer {
/* Need this so that the audio player doesn't cover content, but also for unveil lazy loading. */
padding-bottom: 160px;
}