3.0.5713.2

dashboard-ui/css/livetv.css

@@ -1,4 +1,8 @@
-.tvGuideHeader {
+.guideTabContent {
+    background: #161616;
+}
+
+.tvGuideHeader {
     white-space: nowrap;
     position: fixed;
     top: 96px;
@@ -38,7 +42,7 @@
 }
 
 .detailSectionHeader + .tvProgram {
-    border-top: 1px solid #404040;
+    border-top: 6px solid #161616;
     margin-top: 1px;
 }
 
@@ -51,7 +55,7 @@
     top: 0;
     left: 0;
     bottom: 0;
-    border-bottom: 1px solid #404040;
+    border-bottom: 6px solid #161616;
 }
 
 .tvProgramTimeSlotInner {
@@ -61,12 +65,13 @@
 .tvProgramInfo {
     vertical-align: middle;
     padding: .5em .5em;
-    border-bottom: 1px solid #404040;
+    border-bottom: 6px solid #161616;
 }
 
 .tvProgramTimeSlot + .tvProgramInfo {
     margin-left: 80px;
-    border-left: 1px solid #404040;
+    border-left: 6px solid #161616;
+    position: relative;
 }
 
 .tvProgramCurrentTimeSlot {
@@ -95,24 +100,28 @@
     color: yellow;
 }
 
-.sportsProgramInfo {
+.programAccent {
-    background-color: #0F2624;
+    position: absolute;
-    border-bottom: 2px solid #0A7C33;
+    bottom: 0;
+    left: 6px;
+    right: 0;
+    height: 2px;
 }
 
-.newsProgramInfo {
+.sportsProgramInfo .programAccent {
-    background-color: #211A32;
+    background-color: #0A7C33;
-    border-bottom: 2px solid #523378;
 }
 
-.movieProgramInfo {
+.newsProgramInfo .programAccent {
-    background-color: #271A21;
+    background-color: #523378;
-    border-bottom: 2px solid #A43913;
 }
 
-.childProgramInfo {
+.movieProgramInfo .programAccent {
-    background-color: #092345;
+    background-color: #A43913;
-    border-bottom: 2px solid #0B487D;
+}
+
+.childProgramInfo .programAccent {
+    background-color: #0B487D;
 }
 
 .timerCircle {
@@ -178,8 +187,7 @@
 
 .channelPrograms {
     white-space: nowrap;
-    height: 55px;
+    height: 61px;
-    border-bottom: 1px solid #404040;
     position: relative;
 }
 
@@ -204,9 +212,17 @@
 .channelHeaderCell, .channelTimeslotHeader {
     overflow: hidden;
     text-overflow: ellipsis;
-    border-bottom: 1px solid #404040;
+    border-right: 1px solid #161616;
-    border-right: 1px solid #404040;
     width: 189px;
+    background: #303030;
+}
+
+.channelHeaderCell {
+    border-bottom: 0 !important;
+}
+
+    .channelHeaderCellContainer + .channelHeaderCellContainer .channelHeaderCell {
+        border-top: 6px solid #161616;
     }
 
 .channelTimeslotHeader {
@@ -254,17 +270,19 @@
 
 .programCell {
     position: absolute;
-    top: 1px;
+    top: 0;
-    bottom: 1px;
+    bottom: 6px;
 }
 
 .programCellInner {
-    border-left: 1px solid #404040;
+    border-left: 6px solid #161616;
+    background-color: #212121;
     display: block;
     height: 100%;
     color: #fff !important;
     text-decoration: none;
     font-weight: 400 !important;
+    font-size: 15px;
     overflow: hidden;
 }
 
@@ -285,11 +303,12 @@
 }
 
 .guideProgramName {
-    padding: .55em .5em .35em;
+    padding: .4em .5em .35em;
 }
 
 .guideProgramTime {
     padding: 0 .5em .35em;
+    color: #bbb;
 }
 
 .guideChannelInfo {

dashboard-ui/movies.html

@@ -17,7 +17,7 @@
                 <paper-tab class="movieStudiosTab"><iron-icon icon="account-box"></iron-icon>${TabStudios}</paper-tab>
             </paper-tabs>
             <div class="legacyTabs scopedLibraryViewNav">
-                <a href="movies.html" class="ui-btn-active"><iron-icon icon="info"></iron-icon>${TabSuggestions}</a>
+                <a href="movies.html"><iron-icon icon="info"></iron-icon>${TabSuggestions}</a>
                 <a href="movies.html?tab=1"><iron-icon icon="local-movies"></iron-icon>${TabMovies}</a>
                 <a href="movies.html?tab=2" class="movieTrailersTab"><iron-icon icon="movie"></iron-icon>${TabTrailers}</a>
                 <a href="movies.html?tab=3"><iron-icon icon="video-library"></iron-icon>${TabCollections}</a>

dashboard-ui/scripts/livetvchannel.js

@@ -90,6 +90,7 @@
             }
 
             html += '</div>';
+            html += '<div class="programAccent"></div>';
             html += '</div>';
 
             html += '</a>';

dashboard-ui/scripts/livetvguide.js

@@ -203,6 +203,7 @@
             html += '<div class="programCell" style="left:' + startPercent + '%;width:' + endPercent + '%;">';
 
             var cssClass = "programCellInner";
+            var addAccent = true;
 
             if (program.IsKids) {
                 cssClass += " childProgramInfo";
@@ -215,6 +216,7 @@
             }
             else {
                 cssClass += " plainProgramInfo";
+                addAccent = false;
             }
 
             html += '<a href="itemdetails.html?id=' + program.Id + '" class="' + cssClass + '" data-programid="' + program.Id + '">';
@@ -249,6 +251,10 @@
             }
             html += '</div>';
 
+            if (addAccent) {
+                html += '<div class="programAccent"></div>';
+            }
+
             html += '</a>';
 
             html += '</div>';

dashboard-ui/scripts/secondaryitems.js

@@ -136,8 +136,8 @@
                 else if (query.IncludeItemTypes == "Episode") {
                     posterOptions.overlayText = false;
                     posterOptions.showParentTitle = true;
+                    posterOptions.showTitle = true;
                     posterOptions.overlayPlayButton = true;
-                    posterOptions.centerText = false;
                 }
 
                 // Poster