diff --git a/dashboard-ui/channelitems.html b/dashboard-ui/channelitems.html index 91b1117a14..eaadecfe64 100644 --- a/dashboard-ui/channelitems.html +++ b/dashboard-ui/channelitems.html @@ -7,6 +7,7 @@
+ ${TabLatest} ${TabChannels}
diff --git a/dashboard-ui/channelslatest.html b/dashboard-ui/channelslatest.html index 84a71d5556..8cbf9beda9 100644 --- a/dashboard-ui/channelslatest.html +++ b/dashboard-ui/channelslatest.html @@ -12,9 +12,16 @@
-
-
-
+ + + + +
+
+

${HeaderLatestChannelItems}

+
+
+
diff --git a/dashboard-ui/css/librarybrowser.css b/dashboard-ui/css/librarybrowser.css index 9b96273369..8da5d1fa60 100644 --- a/dashboard-ui/css/librarybrowser.css +++ b/dashboard-ui/css/librarybrowser.css @@ -46,12 +46,12 @@ } .listHeader { - margin-top: .5em; + margin-top: .7em; margin-bottom: 0; padding-left: 4px; } .firstListHeader { - margin-top: 0; + margin-top: .25em; } .ehsContent { diff --git a/dashboard-ui/css/posteritem.css b/dashboard-ui/css/posteritem.css index 6ba11f954f..ad5b0c4440 100644 --- a/dashboard-ui/css/posteritem.css +++ b/dashboard-ui/css/posteritem.css @@ -28,11 +28,11 @@ padding: 11px 12px 10px; } -.posterItemOverlayInner p { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} + .posterItemOverlayInner p { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } .posterItemImage { background-size: contain; @@ -133,7 +133,7 @@ display: none; } -.smallBackdropPosterItem .posterItemOverlayInner>div { +.smallBackdropPosterItem .posterItemOverlayInner > div { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; @@ -215,6 +215,14 @@ height: 67.5px; } +.miniBackdropPosterItem { + width: 120px; +} + + .miniBackdropPosterItem .posterItemImage { + height: 67.5px; + } + .portraitPosterItem { width: 96px; } @@ -302,6 +310,14 @@ .smallBackdropPosterItem .posterItemImage { height: 88.3125px; } + + .miniBackdropPosterItem { + width: 148px; + } + + .miniBackdropPosterItem .posterItemImage { + height: 83.25px; + } } @media all and (min-width: 540px) { @@ -321,6 +337,14 @@ .smallBackdropPosterItem .posterItemImage { height: 101.25px; } + + .miniBackdropPosterItem { + width: 180px; + } + + .miniBackdropPosterItem .posterItemImage { + height: 101.25px; + } } @media all and (min-width: 600px) { diff --git a/dashboard-ui/itemdetails.html b/dashboard-ui/itemdetails.html index 7848f5aa79..732503d31e 100644 --- a/dashboard-ui/itemdetails.html +++ b/dashboard-ui/itemdetails.html @@ -17,6 +17,7 @@ diff --git a/dashboard-ui/scripts/indexpage.js b/dashboard-ui/scripts/indexpage.js index 51c79d70bb..163c7fec1f 100644 --- a/dashboard-ui/scripts/indexpage.js +++ b/dashboard-ui/scripts/indexpage.js @@ -149,7 +149,7 @@ SortBy: "DateCreated", 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, Fields: "PrimaryImageAspectRatio", Filters: "IsUnplayed,IsNotFolder", @@ -187,7 +187,7 @@ var options = { - Limit: 6, + Limit: screenWidth >= 2400 ? 10 : (screenWidth >= 1920 ? 10 : (screenWidth >= 1440 ? 8 : (screenWidth >= 800 ? 8 : 6))), Fields: "PrimaryImageAspectRatio", Filters: "IsUnplayed", UserId: userId @@ -334,7 +334,7 @@ loadLibraryTiles(elem, userId, 'backdrop', index); } else if (section == 'smalllibrarytiles') { - loadLibraryTiles(elem, userId, 'smallBackdrop', index); + loadLibraryTiles(elem, userId, 'miniBackdrop', index); } else if (section == 'resume') { loadResume(elem, userId); diff --git a/dashboard-ui/scripts/mediaplayer.js b/dashboard-ui/scripts/mediaplayer.js index 78b0e00667..e810c66338 100644 --- a/dashboard-ui/scripts/mediaplayer.js +++ b/dashboard-ui/scripts/mediaplayer.js @@ -289,9 +289,9 @@ var extension = (mediaSource.Container || '').toLowerCase(); - // m4v's with high profile failing in chrome - if (videoStream && videoStream.Profile == 'High' && extension == 'm4v') { - return false; + // m4v's and mp4's with high profile failing in chrome + if (videoStream && videoStream.Profile == 'High') { + //return false; } if (extension == 'm4v') {