diff --git a/dashboard-ui/css/card.css b/dashboard-ui/css/card.css index a2c6498bdd..be0fc6a170 100644 --- a/dashboard-ui/css/card.css +++ b/dashboard-ui/css/card.css @@ -293,10 +293,14 @@ } .coveredCardImage { - background-size: cover; + background-size: 100% 100%; background-position: center center; } + .coveredCardImage.noScale { + background-size: cover; + } + .centeredCardImage { background-position: center center; } diff --git a/dashboard-ui/scripts/librarybrowser.js b/dashboard-ui/scripts/librarybrowser.js index 82c61e9b2f..069e25e2a7 100644 --- a/dashboard-ui/scripts/librarybrowser.js +++ b/dashboard-ui/scripts/librarybrowser.js @@ -2126,6 +2126,9 @@ if (coverImage) { imageCssClass += " coveredCardImage"; + if (item.MediaType == 'Photo' || item.Type == 'PhotoAlbum' || item.Type == 'Folder') { + imageCssClass += " noScale"; + } } if (options.centerImage) { imageCssClass += " centeredCardImage";