update channel styles

dashboard-ui/channelitems.html

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

dashboard-ui/channelslatest.html

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

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 {

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) {

dashboard-ui/itemdetails.html

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

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);

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') {