diff --git a/frontend/src/components/cover-grid/cover-grid.ts b/frontend/src/components/cover-grid/cover-grid.ts index ab11670..2c3c6b1 100644 --- a/frontend/src/components/cover-grid/cover-grid.ts +++ b/frontend/src/components/cover-grid/cover-grid.ts @@ -331,6 +331,24 @@ export class CoverGrid extends LitElement { color: var(--yj-text-secondary, #b3b3b3); } + .search-indicator { + position: absolute; + top: 8px; + left: 50%; + transform: translateX(-50%); + z-index: 5; + pointer-events: none; + background: var(--yj-bg-overlay, #495057); + color: var(--yj-text-secondary, #b3b3b3); + font-size: 12px; + padding: 4px 14px; + border-radius: 12px; + border: 1px solid + var(--yj-border-subtle, #555); + white-space: nowrap; + opacity: 0.92; + } + .empty-state { display: flex; flex-direction: column; @@ -2916,6 +2934,12 @@ export class CoverGrid extends LitElement { : this.renderSingleGrid(); return html` + ${this.searchCtrl.term + ? html`
+ Showing results for + “${this.searchCtrl.term}” +
` + : nothing}
+ ${this.searchCtrl.term && + this.filteredEntries.length > 0 + ? html`
+ Showing results for + “${this.searchCtrl + .term}” +
` + : nothing} + ${this.creating ? this.renderCreateForm() : nothing} diff --git a/frontend/src/components/track-list/track-list.ts b/frontend/src/components/track-list/track-list.ts index 808ea38..614449a 100644 --- a/frontend/src/components/track-list/track-list.ts +++ b/frontend/src/components/track-list/track-list.ts @@ -521,6 +521,23 @@ export class TrackList extends LitElement implements SelectionHost { background-color: var(--yj-text-tertiary, #6c757d); } + .search-indicator { + position: absolute; + top: 8px; + left: 50%; + transform: translateX(-50%); + z-index: 5; + pointer-events: none; + background: var(--yj-bg-overlay, #495057); + color: var(--yj-text-secondary, #b3b3b3); + font-size: 12px; + padding: 4px 14px; + border-radius: 12px; + border: 1px solid var(--yj-border-subtle, #555); + white-space: nowrap; + opacity: 0.92; + } + .no-results { padding: 24px 16px; color: var(--yj-text-secondary, #b3b3b3); @@ -1028,6 +1045,13 @@ export class TrackList extends LitElement implements SelectionHost { `} `} + ${this.searchCtrl.term && visibleTracks.length > 0 + ? html`
+ Showing results for + “${this.searchCtrl.term}” +
` + : nothing} +
${this.colBoundaryPositions.map( (pos, i) => html`