nate/homeschool
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix narrow views and crossword scroll-jump issues

Browse Source 
Widen quiz, flashcards, practice, test, and crossword views to match the
960px max-width already used by course/lesson/assignment. Fix crossword
jumping to top on cell focus by using preventScroll and containing clue
list scrollIntoView within a max-height overflow container.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Nate EmmertandClaude Sonnet 4.6 committed 2026-08-01 20:14:07 -04:00
1 parent 10b4e3ae09
commit d88d5d22c7
2 files changed
+8 -3
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

public/app.js
+1 -1
View File
@@ -1117,7 +1117,7 @@ async function openCrossword(itemId) {
const key = `${r},${c}`; const key = `${r},${c}`;
if (!cells[key]) return; if (!cells[key]) return;
selectCell(key); selectCell(key);
cells[key].input.focus(); cells[key].input.focus({ preventScroll: true });
} }
// Wire up cells // Wire up cells
public/styles.css
+7 -2
View File
@@ -32,7 +32,12 @@ body {
#view-course, #view-course,
#view-lesson, #view-lesson,
#view-assignment { #view-assignment,
#view-quiz,
#view-flashcards,
#view-practice,
#view-test,
#view-crossword {
max-width: 960px; max-width: 960px;
text-align: left; text-align: left;
} }
@@ -955,7 +960,7 @@ body.theme-indigo { --accent: #5b6abf; --accent-dark: #4a57a0; --bg: #f4f5ff; }
.cw-sidebar { flex: 1; min-width: 180px; max-width: 320px; } .cw-sidebar { flex: 1; min-width: 180px; max-width: 320px; }
.cw-clues { margin-bottom: 1rem; } .cw-clues { margin-bottom: 1rem; }
.cw-clues h3 { font-size: 0.9rem; margin-bottom: 0.35rem; } .cw-clues h3 { font-size: 0.9rem; margin-bottom: 0.35rem; }
.cw-clue-list { list-style: none; padding: 0; margin: 0; } .cw-clue-list { list-style: none; padding: 0; margin: 0; max-height: 260px; overflow-y: auto; }
.cw-clue-list li { .cw-clue-list li {
padding: 0.2rem 0.35rem; font-size: 0.85rem; padding: 0.2rem 0.35rem; font-size: 0.85rem;
border-radius: 4px; cursor: pointer; line-height: 1.35; border-radius: 4px; cursor: pointer; line-height: 1.35;