Add search functionality to version and book dropdowns

- Replace Select components with Autocomplete for enhanced UX
- Add real-time search for bible versions (1400+ options)
- Enable book search by name or testament
- Improve version display format: "Name - Abbreviation"
- Add rich option rendering with metadata (language, chapters)
- Include smart filtering across multiple fields
- Maintain keyboard navigation and accessibility
- Fix header visibility issue in full screen mode

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2025-09-24 13:05:22 +00:00
parent ebd2519974
commit 6329ad0618
2 changed files with 96 additions and 44 deletions

View File

@@ -28,12 +28,19 @@ body {
}
/* Bible Reader Full Screen Mode - Hide only site-level elements */
.bible-fullscreen-mode .MuiAppBar-root:first-child,
.bible-fullscreen-mode header,
.bible-fullscreen-mode nav,
.bible-fullscreen-mode .MuiAppBar-root,
.bible-fullscreen-mode footer,
.bible-fullscreen-mode [data-floating-chat="true"] {
display: none !important;
}
/* Exception: Keep bible reader's internal navigation visible */
.bible-fullscreen-mode .MuiContainer-root .MuiPaper-root {
display: block !important;
}
.bible-fullscreen-mode {
overflow: auto;
}