Skip to content

Remove redundant information from the Album overview page#1828

Merged
stvncode merged 3 commits into
mainfrom
feat/declutter-album-tracklist
Jun 2, 2026
Merged

Remove redundant information from the Album overview page#1828
stvncode merged 3 commits into
mainfrom
feat/declutter-album-tracklist

Conversation

@MarvinSchenkel

Copy link
Copy Markdown
Contributor

What

Reduces redundant information on the album detail track list so the track title is the dominant element on each row.

  • Subtitle: shows only collaborating artists (with X), dropping the album artist / album name / year that is already shown in the page header. Tracks performed solely by the album artist have no subtitle.
  • Left gutter: the per-row album art is replaced by a play button (the album art is already in the header) and the track number is shown beside it.
  • Duration: right-aligned before the provider icon, and hidden on mobile to give the title more horizontal room.
  • Multi-disc albums: Disc X section headers are inserted before each disc's tracks (only in the default track-number sort order, where disc grouping is contiguous).
  • Long titles wrap to two lines instead of truncating.

All of this is scoped to the album track list via an albumTrackView flag (itemtype === 'albumtracks'); every other track list (playlists, artist tracks, search, queue) is unchanged.

Why

The album page is already scoped to one album by one artist, so repeating artist • album • year on every row is noise. This declutters the view and gives the most important information — the track title — more prominence.

How to test

  1. Open an album with featured/collaborating artists (e.g. a Deluxe album). Confirm rows show only with <collaborator> and no album • year; tracks by just the album artist show no subtitle.
  2. Confirm the row shows a play button + track number on the left instead of album art, and the duration is right-aligned (and hidden on mobile).
  3. Open a multi-disc album in default order and confirm Disc 1 / Disc 2 headers appear; switch sort and confirm headers disappear; open a single-disc album and confirm no headers.
  4. Regression: open a playlist, an artist page and search results — track rows still show the full artist • album • year subtitle as before.

Reduce redundant information on the album detail track list:

- Subtitle now shows only collaborating artists ("with X"), dropping the
  album artist/name/year that is already in the page header.
- Track number moves to a left gutter; the per-row album art is replaced
  by a play button (the album art is shown in the header).
- Duration is right-aligned before the provider icon and hidden on mobile
  to give the title more room.
- Multi-disc albums get "Disc X" section headers (default track order only).
- Track titles wrap to two lines instead of truncating.
@MarvinSchenkel MarvinSchenkel changed the title Declutter album track list Remove redundant information from the Album overview page May 31, 2026
@marcelveldt marcelveldt requested a review from Copilot May 31, 2026 15:34

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR refines album detail track lists to reduce repeated album context and emphasize track titles while leaving other track list views unchanged.

Changes:

  • Adds album-track-specific title/subtitle, prepend, and duration layout in ListviewItem.
  • Adds disc headers for multi-disc albums in default track-number order.
  • Adds English i18n keys for collaborator subtitles and disc headers.

Reviewed changes

Copilot reviewed 4 out of 4 changed files in this pull request and generated 4 comments.

File Description
src/translations/en.json Adds English labels for collaborator subtitles and disc headers.
src/components/ListviewItemTitle.vue Allows album track titles to wrap to two lines with album-specific styling.
src/components/ListviewItem.vue Adds album-track-specific collaborator subtitle, play/track-number gutter, and append duration.
src/components/ItemsListing.vue Inserts virtual-list disc header rows for multi-disc album track listings.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread src/components/ListviewItem.vue Outdated
Comment thread src/translations/en.json
Comment thread src/translations/en.json
Comment thread src/components/ListviewItem.vue
@stvncode stvncode merged commit 0c40af3 into main Jun 2, 2026
8 checks passed
@stvncode stvncode deleted the feat/declutter-album-tracklist branch June 2, 2026 14:54
MarvinSchenkel added a commit to music-assistant/server that referenced this pull request Jun 2, 2026
Update music-assistant-frontend to version
[2.17.173](https://github.com/music-assistant/frontend/releases/tag/2.17.173)


- Match now-playing typography to new discover tiles (by @MarvinSchenkel
in [#1846](music-assistant/frontend#1846))
- Lokalise translations update (by
@[github-actions[bot]](https://github.com/apps/github-actions) in
[#1845](music-assistant/frontend#1845))

## 🚀 Features and enhancements

- Add shortcut ordering actions (by @dmoo500 in
[#1826](music-assistant/frontend#1826))
- Remove redundant information from the Album overview page (by
@MarvinSchenkel in
[#1828](music-assistant/frontend#1828))
- Discover refactor (by @stvncode in
[#1842](music-assistant/frontend#1842))

## 🐛 Bugfixes

- Keep shortcuts in sync after delete and update events (by @dmoo500 in
[#1819](music-assistant/frontend#1819))
- Hide player in more places (by @OzGav in
[#1711](music-assistant/frontend#1711))


## 🙇 Contributors

@MarvinSchenkel, @OzGav, @dmoo500 and @stvncode

Co-authored-by: MarvinSchenkel <17671719+MarvinSchenkel@users.noreply.github.com>
chrisuthe pushed a commit to music-assistant/server that referenced this pull request Jun 7, 2026
Update music-assistant-frontend to version
[2.17.173](https://github.com/music-assistant/frontend/releases/tag/2.17.173)


- Match now-playing typography to new discover tiles (by @MarvinSchenkel
in [#1846](music-assistant/frontend#1846))
- Lokalise translations update (by
@[github-actions[bot]](https://github.com/apps/github-actions) in
[#1845](music-assistant/frontend#1845))

## 🚀 Features and enhancements

- Add shortcut ordering actions (by @dmoo500 in
[#1826](music-assistant/frontend#1826))
- Remove redundant information from the Album overview page (by
@MarvinSchenkel in
[#1828](music-assistant/frontend#1828))
- Discover refactor (by @stvncode in
[#1842](music-assistant/frontend#1842))

## 🐛 Bugfixes

- Keep shortcuts in sync after delete and update events (by @dmoo500 in
[#1819](music-assistant/frontend#1819))
- Hide player in more places (by @OzGav in
[#1711](music-assistant/frontend#1711))


## 🙇 Contributors

@MarvinSchenkel, @OzGav, @dmoo500 and @stvncode

Co-authored-by: MarvinSchenkel <17671719+MarvinSchenkel@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants