diff --git a/src/controllers/itemDetails/index.js b/src/controllers/itemDetails/index.js index 4efe69e7818f..5b7edb910786 100644 --- a/src/controllers/itemDetails/index.js +++ b/src/controllers/itemDetails/index.js @@ -439,8 +439,20 @@ function renderName(item, container, context) { if (parentNameHtml.length) { if (parentNameLast) { // Music + // Determine if there are over 10 artists in the album. If so, concat with 'and X others.' + const artists = parentNameHtml[0].split(' / '); + const otherArtistCount = artists.length - 10; + let newParentNameHtml = artists.slice(0, 10).join(' / '); + newParentNameHtml = `${newParentNameHtml} and ${otherArtistCount} other artists.
`; + if (layoutManager.mobile) { - html = '

' + parentNameHtml.join('
') + '

'; + if (artists.length > 10) { + html = '

' + newParentNameHtml + '

'; + } else { + html = '

' + parentNameHtml.join('
') + '

'; + } + } else if (artists.length > 10) { + html = '

' + newParentNameHtml + '

'; } else { html = '

' + parentNameHtml.join(' - ') + '

'; }