diff --git a/crates/qbz-ui/ui/discover/AlbumCard.slint b/crates/qbz-ui/ui/discover/AlbumCard.slint index 93135edff..b3f2b85f3 100644 --- a/crates/qbz-ui/ui/discover/AlbumCard.slint +++ b/crates/qbz-ui/ui/discover/AlbumCard.slint @@ -407,14 +407,27 @@ export component AlbumCard inherits Rectangle { spacing: 2px; horizontal-stretch: 1; - Text { - text: root.album.title; + // Album title, clickable with the same target as the artwork + // click: opens the album (or toggles selection in select-mode). + title-area := TouchArea { height: 20px; - color: Theme.text-primary; - font-size: Typography.body - 2px; - font-weight: Typography.medium; - vertical-alignment: center; - overflow: elide; + mouse-cursor: pointer; + clicked => { + if (root.select-mode) { + root.media-action("album", root.album.id, "toggle-select"); + } else { + root.clicked(root.album.id); + } + } + Text { + width: 100%; + text: root.album.title; + color: title-area.has-hover ? Theme.accent : Theme.text-primary; + font-size: Typography.body - 2px; + font-weight: Typography.medium; + vertical-alignment: center; + overflow: elide; + } } // Artist name — clickable when an artist id is known, // navigating to the artist page (1:1 with Tauri).