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

update channel styles

Browse Source
This commit is contained in:
Luke Pulverenti 2014-06-16 08:22:38 -04:00
parent 4beb349afe
commit 812a07005b
7 changed files with 50 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
dashboard-ui/channelitems.html
View File

@ -7,6 +7,7 @@
<div id="channelItemsPage" data-role="page" class="page libraryPage channelsPage" data-theme="b" data-contextname="${HeaderChannels}"> <div id="channelItemsPage" data-role="page" class="page libraryPage channelsPage" data-theme="b" data-contextname="${HeaderChannels}">
<div class="libraryViewNav scopedLibraryViewNav"> <div class="libraryViewNav scopedLibraryViewNav">
<a href="channelslatest.html">${TabLatest}</a>
<a href="channels.html" class="ui-btn-active">${TabChannels}</a> <a href="channels.html" class="ui-btn-active">${TabChannels}</a>
</div> </div>

13
dashboard-ui/channelslatest.html
View File

@ -12,9 +12,16 @@
</div> </div>
<div data-role="content"> <div data-role="content">
<div class="viewSettings"> <table class="ehsContent homeEhsContent">
</div> <tr>
<div id="items" class="itemsContainer"></div> <td>
<div>
<h1 class="listHeader firstListHeader">${HeaderLatestChannelItems}</h1>
</div>
<div id="items" class="itemsContainer"></div>
</td>
</tr>
</table>
</div> </div>
</div> </div>
</body> </body>

4
dashboard-ui/css/librarybrowser.css
View File

@ -46,12 +46,12 @@
} }
.listHeader { .listHeader {
margin-top: .5em; margin-top: .7em;
margin-bottom: 0; margin-bottom: 0;
padding-left: 4px; padding-left: 4px;
} }
.firstListHeader { .firstListHeader {
margin-top: 0; margin-top: .25em;
} }
.ehsContent { .ehsContent {

36
dashboard-ui/css/posteritem.css
View File

@ -28,11 +28,11 @@
padding: 11px 12px 10px; padding: 11px 12px 10px;
} }
.posterItemOverlayInner p { .posterItemOverlayInner p {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.posterItemImage { .posterItemImage {
background-size: contain; background-size: contain;
@ -133,7 +133,7 @@
display: none; display: none;
} }
.smallBackdropPosterItem .posterItemOverlayInner>div { .smallBackdropPosterItem .posterItemOverlayInner > div {
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
@ -215,6 +215,14 @@
height: 67.5px; height: 67.5px;
} }
.miniBackdropPosterItem {
width: 120px;
}
.miniBackdropPosterItem .posterItemImage {
height: 67.5px;
}
.portraitPosterItem { .portraitPosterItem {
width: 96px; width: 96px;
} }
@ -302,6 +310,14 @@
.smallBackdropPosterItem .posterItemImage { .smallBackdropPosterItem .posterItemImage {
height: 88.3125px; height: 88.3125px;
} }
.miniBackdropPosterItem {
width: 148px;
}
.miniBackdropPosterItem .posterItemImage {
height: 83.25px;
}
} }
@media all and (min-width: 540px) { @media all and (min-width: 540px) {
@ -321,6 +337,14 @@
.smallBackdropPosterItem .posterItemImage { .smallBackdropPosterItem .posterItemImage {
height: 101.25px; height: 101.25px;
} }
.miniBackdropPosterItem {
width: 180px;
}
.miniBackdropPosterItem .posterItemImage {
height: 101.25px;
}
} }
@media all and (min-width: 600px) { @media all and (min-width: 600px) {

1
dashboard-ui/itemdetails.html
View File

@ -17,6 +17,7 @@
<div id="channelTabs" class="itemTabs" style="display: none;"> <div id="channelTabs" class="itemTabs" style="display: none;">
<div class="libraryViewNav scopedLibraryViewNav"> <div class="libraryViewNav scopedLibraryViewNav">
<a href="channelslatest.html">${TabLatest}</a>
<a href="channels.html" class="ui-btn-active">${TabChannels}</a> <a href="channels.html" class="ui-btn-active">${TabChannels}</a>
</div> </div>
</div> </div>

6
dashboard-ui/scripts/indexpage.js
View File

@ -149,7 +149,7 @@
SortBy: "DateCreated", SortBy: "DateCreated",
SortOrder: "Descending", SortOrder: "Descending",
Limit: screenWidth >= 2400 ? 30 : (screenWidth >= 1920 ? 20 : (screenWidth >= 1440 ? 12 : (screenWidth >= 800 ? 9 : 8))), Limit: screenWidth >= 2400 ? 30 : (screenWidth >= 1920 ? 20 : (screenWidth >= 1440 ? 10 : (screenWidth >= 800 ? 9 : 8))),
Recursive: true, Recursive: true,
Fields: "PrimaryImageAspectRatio", Fields: "PrimaryImageAspectRatio",
Filters: "IsUnplayed,IsNotFolder", Filters: "IsUnplayed,IsNotFolder",
@ -187,7 +187,7 @@
var options = { var options = {
Limit: 6, Limit: screenWidth >= 2400 ? 10 : (screenWidth >= 1920 ? 10 : (screenWidth >= 1440 ? 8 : (screenWidth >= 800 ? 8 : 6))),
Fields: "PrimaryImageAspectRatio", Fields: "PrimaryImageAspectRatio",
Filters: "IsUnplayed", Filters: "IsUnplayed",
UserId: userId UserId: userId
@ -334,7 +334,7 @@
loadLibraryTiles(elem, userId, 'backdrop', index); loadLibraryTiles(elem, userId, 'backdrop', index);
} }
else if (section == 'smalllibrarytiles') { else if (section == 'smalllibrarytiles') {
loadLibraryTiles(elem, userId, 'smallBackdrop', index); loadLibraryTiles(elem, userId, 'miniBackdrop', index);
} }
else if (section == 'resume') { else if (section == 'resume') {
loadResume(elem, userId); loadResume(elem, userId);

6
dashboard-ui/scripts/mediaplayer.js
View File

@ -289,9 +289,9 @@
var extension = (mediaSource.Container || '').toLowerCase(); var extension = (mediaSource.Container || '').toLowerCase();
// m4v's with high profile failing in chrome // m4v's and mp4's with high profile failing in chrome
if (videoStream && videoStream.Profile == 'High' && extension == 'm4v') { if (videoStream && videoStream.Profile == 'High') {
return false; //return false;
} }
if (extension == 'm4v') { if (extension == 'm4v') {