add loopback handler

dashboard-ui/components/dockedtabs/dockedtabs.js

@@ -220,7 +220,7 @@
             <button is="emby-button" class="dockedtabs-tab-button emby-tab-button docked-tab-livetv hide' + liveTVButtonClass + '" data-index="2">\
                 <div class="dockedtabs-tab-button-foreground emby-button-foreground"><i class="dockedtabs-tab-button-icon md-icon">live_tv</i><div>' + globalize.translate('HeaderLiveTV') + '</div></div>\
             </button>\
-            <button is="emby-button" class="dockedtabs-tab-button emby-tab-button homeFavoritesTab" data-index="3">\
+            <button is="emby-button" class="dockedtabs-tab-button emby-tab-button" data-index="3">\
                 <div class="dockedtabs-tab-button-foreground emby-button-foreground"><i class="dockedtabs-tab-button-icon md-icon">favorite</i><div>' + globalize.translate('TabFavorites') + '</div></div>\
             </button>\
 ';

dashboard-ui/css/librarybrowser.css

@@ -957,10 +957,6 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
     }
 }
 
-.homeFavoritesDisabled .homeFavoritesTab {
-    display: none !important;
-}
-
 #criticReviewsContent.hiddenScrollX {
     white-space: nowrap;
 }

dashboard-ui/css/librarymenu.css

@@ -87,6 +87,9 @@
     align-items: center;
     margin-left: .75em;
     font-size: 108%;
+
+    /* Avoid pushing right header off the screen */
+    flex-shrink: 1;
 }
 
 .viewMenuBar {

dashboard-ui/css/nowplayingbar.css

@@ -102,12 +102,12 @@
     }
 
     .nowPlayingImage img {
-        height: 56px;
+        height: 64px;
     }
 
 .nowPlayingBar .nowPlayingImage {
-    width: 56px;
+    width: 64px;
-    height: 56px;
+    height: 64px;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: contain;
@@ -161,7 +161,7 @@
 .nowPlayingBarCenter {
     vertical-align: middle;
     text-align: center;
-    margin-top: 3px;
+    margin-top: 6px;
     /* Need this to make sure it's on top of nowPlayingBarPositionContainer so that buttons are fully clickable */
     z-index: 2;
     position: absolute;
@@ -172,7 +172,7 @@
 
 .nowPlayingBarPositionContainer {
     position: absolute !important;
-    left: 56px;
+    left: 64px;
     top: -8px;
     right: 0;
     z-index: 1;

dashboard-ui/devices/ios/ios.css

@@ -23,24 +23,11 @@ body:not(.dashboardDocument) .mainDrawerButton {
     background-attachment: initial;
 }
 
-.background-theme-b .backgroundContainer:not(.withBackdrop), .dialog.background-theme-b {
-    background: #181818;
-}
-
 .viewMenuBar {
     /* It needs this in order to retain height since we're positioning the contents absolutely */
     height: 50px;
 }
 
-.libraryDocument .viewMenuBar, .libraryViewNav {
-    background-color: #000 !important;
-    box-shadow: none !important;
-}
-
-.viewMenuBar.semiTransparent {
-    background-color: #000;
-}
-
 .emby-tab-button {
     font-weight: 400;
     text-transform: none !important;
@@ -56,14 +43,6 @@ body:not(.dashboardDocument) .mainDrawerButton {
     display: none;
 }
 
-@media all and (max-width: 600px) {
-
-    .libraryViewNav a {
-        padding-left: 10px;
-        padding-right: 10px;
-    }
-}
-
 .libraryViewNav {
     font-size: 12px;
 }
@@ -92,10 +71,6 @@ h1, h1 a {
     font-weight: 400 !important;
 }
 
-.nowPlayingPageBackButton {
-    display: none !important;
-}
-
 .nowPlayingPage .libraryViewNav {
     top: 0 !important;
 }

dashboard-ui/home.html

@@ -8,7 +8,7 @@
             <button is="emby-button" class="emby-tab-button" data-index="1">
                 <div class="emby-button-foreground">${TabNextUp}</div>
             </button>
-            <button is="emby-button" class="emby-tab-button homeFavoritesTab" data-index="2">
+            <button is="emby-button" class="emby-tab-button" data-index="2">
                 <div class="emby-button-foreground">${TabFavorites}</div>
             </button>
             <button is="emby-button" class="emby-tab-button" data-index="3">

dashboard-ui/livetv.html

@@ -8,7 +8,7 @@
             <button is="emby-button" class="emby-tab-button" data-index="1">
                 <div class="emby-button-foreground">${TabGuide}</div>
             </button>
-            <button is="emby-button" class="emby-tab-button homeFavoritesTab" data-index="2">
+            <button is="emby-button" class="emby-tab-button" data-index="2">
                 <div class="emby-button-foreground">${TabChannels}</div>
             </button>
             <button is="emby-button" class="emby-tab-button" data-index="3">

dashboard-ui/movies.html

@@ -8,7 +8,7 @@
             <button is="emby-button" class="emby-tab-button" data-index="1">
                 <div class="emby-button-foreground">${TabMovies}</div>
             </button>
-            <button is="emby-button" class="emby-tab-button homeFavoritesTab" data-index="2">
+            <button is="emby-button" class="emby-tab-button" data-index="2">
                 <div class="emby-button-foreground">${TabTrailers}</div>
             </button>
             <button is="emby-button" class="emby-tab-button" data-index="3">

dashboard-ui/music.html

@@ -8,7 +8,7 @@
             <button is="emby-button" class="emby-tab-button" data-index="1">
                 <div class="emby-button-foreground">${TabAlbums}</div>
             </button>
-            <button is="emby-button" class="emby-tab-button homeFavoritesTab" data-index="2">
+            <button is="emby-button" class="emby-tab-button" data-index="2">
                 <div class="emby-button-foreground">${TabAlbumArtists}</div>
             </button>
             <button is="emby-button" class="emby-tab-button" data-index="3">

dashboard-ui/scripts/itemdetailpage.js

@@ -102,7 +102,7 @@
 
         LibraryBrowser.renderName(item, page.querySelector('.itemName'), false, context);
         LibraryBrowser.renderParentName(item, page.querySelector('.parentName'), context);
-        LibraryMenu.setTitle(item.SeriesName || item.Name);
+        LibraryMenu.setTitle('');
 
         Dashboard.getCurrentUser().then(function (user) {
 

dashboard-ui/scripts/librarymenu.js

@@ -366,9 +366,7 @@
                 var secondaryTitle = (link.innerText || link.textContent).trim();
                 title += secondaryTitle;
 
-                var documentTitle = secondaryTitle;
+                LibraryMenu.setTitle(title);
-
-                LibraryMenu.setTitle(title, documentTitle);
 
             } else {
                 link.classList.remove('selectedSidebarLink');
@@ -698,7 +696,7 @@
                 libraryMenuButtonText.innerHTML = html;
             }
 
-            document.title = title;
+            document.title = title || 'Emby';
         },
 
         setTransparentMenu: function (transparent) {

dashboard-ui/scripts/site.js

@@ -882,7 +882,6 @@ var AppInfo = {};
 
         var isCordova = Dashboard.isRunningInCordova();
 
-        AppInfo.enableHomeFavorites = true;
         AppInfo.enableHomeTabs = true;
         AppInfo.enableNowPlayingPageBottomTabs = true;
         AppInfo.enableAutoSave = browserInfo.touch;
@@ -898,8 +897,6 @@ var AppInfo = {};
             AppInfo.hasLowImageBandwidth = true;
 
             if (isCordova) {
-                //AppInfo.enableSectionTransitions = true;
-                AppInfo.enableHomeFavorites = false;
                 AppInfo.enableNowPlayingPageBottomTabs = false;
             }
         }
@@ -1059,10 +1056,6 @@ var AppInfo = {};
         if (!AppInfo.enableSupporterMembership) {
             elem.classList.add('supporterMembershipDisabled');
         }
-
-        if (!AppInfo.enableHomeFavorites) {
-            elem.classList.add('homeFavoritesDisabled');
-        }
     }
 
     function loadTheme() {