Impaczus/motif
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Allow scrolling back to search after generation.

Browse Source 
Keeps the search UI visible in generated mode (so you can scroll up), but locks it to prevent changing choices until tapping New search.
This commit is contained in:
b1rdmania
2025-12-26 21:29:17 +00:00
parent 9c6a47ab4e
commit 134867cf93
2 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+3
View File
@@ -239,6 +239,9 @@
justify-content: center; justify-content: center;
max-width: 720px; max-width: 720px;
} }
.controls.locked {
opacity: 0.35;
}
button { button {
background: var(--color-surface); background: var(--color-surface);
src/main.ts
+7 -4
View File
@@ -775,10 +775,13 @@ class MotifApp {
// collapse results when selected/generated // collapse results when selected/generated
this.resultsSection.classList.toggle('collapsed', state === 'selected'); this.resultsSection.classList.toggle('collapsed', state === 'selected');
// Search affordances: hidden after generation (no choice) // Keep search visible so you can scroll back up, but lock it during generated mode.
const hideSearch = state === 'generated'; const lockSearch = state === 'generated';
this.controlsEl.style.display = hideSearch ? 'none' : ''; this.controlsEl.classList.toggle('locked', lockSearch);
this.status.style.display = hideSearch ? 'none' : ''; this.songInput.disabled = lockSearch;
this.searchBtn.disabled = lockSearch;
// Keep status visible for layout continuity; just de-emphasize content in generated mode.
if (lockSearch) this.status.textContent = '';
// Selected pre-generation content // Selected pre-generation content
const showPreGen = state === 'selected'; const showPreGen = state === 'selected';