scale image sizes depending on pixel ratio

dashboard-ui/css/librarymenu.css

@@ -68,11 +68,6 @@
     text-decoration: none;
     font-weight: 400!important;
     font-size: 15px;
-}
-
-
-
-.libraryMenuButtonText {
     display: inline-block;
     vertical-align: middle;
     margin-left: .5em;
@@ -302,11 +297,15 @@
 
 @media all and (max-width: 600px) {
 
-    .libraryMenuButtonText {
-        display: none;
-    }
-
     .headerSettingsButton {
         display: none;
     }
 }
+
+
+@media all and (max-width: 500px) {
+
+    .libraryMenuButtonText {
+        display: none;
+    }
+}

dashboard-ui/css/posteritem.css

@@ -145,7 +145,7 @@
         left: 0;
         line-height: 36px;
         text-align: left;
-        padding-left: 43px;
+        padding: 0 0 0 43px;
     }
 
 .moviesPosterItem .posterItemImage {

dashboard-ui/scripts/backdrops.js

@@ -73,7 +73,8 @@
                 var imgUrl = ApiClient.getScaledImageUrl(item.id, {
                     type: "Backdrop",
                     tag: item.tag,
-                    maxWidth: screenWidth
+                    maxWidth: screenWidth,
+                    quality: 80
                 });
 
                 getElement().css('backgroundImage', 'url(\'' + imgUrl + '\')');
@@ -102,7 +103,7 @@
         
         var val = LocalSettings.val('enableBackdrops', userId);
 
-        return val == '1';
+        return val != '0';
     }
 
     $(document).on('pagebeforeshow', ".backdropPage", function () {

dashboard-ui/scripts/indexpage.js

@@ -70,11 +70,9 @@
             html += '<div class="' + imageCssClass + '" style="' + style + '">';
             html += '</div>';
 
-            if (options.showTitle) {
+            html += "<div class='posterItemDefaultText posterItemText'>";
-                html += "<div class='posterItemDefaultText'>";
+            html += item.Name;
-                html += item.Name;
+            html += "</div>";
-                html += "</div>";
-            }
 
             html += "</a>";
         }
@@ -161,6 +159,8 @@
             html += '</div>';
 
             $(elem).html(html);
+
+            handleLibraryLinkNavigations(elem);
         });
     }
 
@@ -228,6 +228,8 @@
 
 
             $(elem).html(html).createPosterItemMenus();
+
+            handleLibraryLinkNavigations(elem);
         });
     }
 
@@ -287,8 +289,9 @@
         }
         else if (section == 'librarybuttons') {
             loadlibraryButtons(elem, userId, index);
+
         } else {
-            
+
             elem.empty();
         }
     }
@@ -299,7 +302,7 @@
         var sectionCount = 3;
 
         var elem = $('.sections', page);
-        
+
         if (!elem.html().length) {
             var html = '';
             for (i = 0, length = sectionCount; i < length; i++) {
@@ -316,6 +319,16 @@
         }
     }
 
+    function handleLibraryLinkNavigations(elem) {
+
+        $('a', elem).on('click', function () {
+
+            var text = $('.posterItemText', this).html();
+
+            LibraryMenu.setText(text);
+        });
+    }
+
     $(document).on('pagebeforeshow', "#indexPage", function () {
 
         var page = this;

dashboard-ui/scripts/librarymenu.js

@@ -175,6 +175,12 @@
 
         return panel;
     }
+    
+    function setLibraryMenuText(text) {
+        
+        $('.libraryMenuButtonText').html('<span>' + text + '</span>');
+
+    }
 
     function getTopParentId() {
 
@@ -184,7 +190,9 @@
     window.LibraryMenu = {
         showLibraryMenu: showLibraryMenu,
 
-        getTopParentId: getTopParentId
+        getTopParentId: getTopParentId,
+        
+        setText: setLibraryMenuText
     };
 
     function updateCastIcon() {

dashboard-ui/thirdparty/mediabrowser.apiclient.js

@@ -2087,6 +2087,7 @@ MediaBrowser.ApiClient = function ($, navigator, JSON, WebSocket, setTimeout, wi
                 }
             }
 
+            options.quality = options.quality || (options.type.toLowerCase() == 'backdrop' ? 80 : 90);
         }
 
         /**
@@ -2117,12 +2118,12 @@ MediaBrowser.ApiClient = function ($, navigator, JSON, WebSocket, setTimeout, wi
                 url += "/" + options.index;
             }
 
+            normalizeImageOptions(options);
+
             // Don't put these on the query string
             delete options.type;
             delete options.index;
 
-            normalizeImageOptions(options);
-
             return self.getUrl(url, options);
         };
 
@@ -2154,12 +2155,12 @@ MediaBrowser.ApiClient = function ($, navigator, JSON, WebSocket, setTimeout, wi
                 url += "/" + options.index;
             }
 
+            normalizeImageOptions(options);
+
             // Don't put these on the query string
             delete options.type;
             delete options.index;
 
-            normalizeImageOptions(options);
-
             return self.getUrl(url, options);
         };
 
@@ -2191,13 +2192,15 @@ MediaBrowser.ApiClient = function ($, navigator, JSON, WebSocket, setTimeout, wi
                 url += "/" + options.index;
             }
 
+            options.quality = options.quality || (options.type.toLowerCase() == 'backdrop' ? 80 : 90);
+
             // Don't put these on the query string
             delete options.type;
             delete options.index;
 
             return self.getUrl(url, options);
         };
-        
+
         self.getScaledImageUrl = function (itemId, options) {
 
             if (!itemId) {
@@ -2212,12 +2215,12 @@ MediaBrowser.ApiClient = function ($, navigator, JSON, WebSocket, setTimeout, wi
                 url += "/" + options.index;
             }
 
+            normalizeImageOptions(options);
+
             // Don't put these on the query string
             delete options.type;
             delete options.index;
 
-            normalizeImageOptions(options);
-
             return self.getUrl(url, options);
         };