diff --git a/kjvstudy_org/static/style.css b/kjvstudy_org/static/style.css index 19e32d4..c556be7 100644 --- a/kjvstudy_org/static/style.css +++ b/kjvstudy_org/static/style.css @@ -1120,14 +1120,33 @@ div { } .breadcrumb { - font-size: 1rem; - margin-bottom: 1.5rem; + position: static !important; + font-size: 0.9rem; + margin: 0.5rem 0 1rem 0; + padding-bottom: 0.5rem; flex-wrap: wrap; - gap: 0.25rem 0.5rem; + gap: 0.25rem 0.4rem; + background: transparent !important; + box-shadow: none !important; + } + + .breadcrumb.stuck { + box-shadow: none !important; + padding-top: 0; + margin-top: 0.5rem; + } + + .breadcrumb-actions { + display: none !important; } .breadcrumb a { - font-size: 1rem; + font-size: 0.9rem; + border-bottom: none; + } + + .breadcrumb-separator { + margin: 0 0.3rem; } .search-input { diff --git a/kjvstudy_org/templates/base.html b/kjvstudy_org/templates/base.html index 9d03ffa..79c2305 100644 --- a/kjvstudy_org/templates/base.html +++ b/kjvstudy_org/templates/base.html @@ -1221,27 +1221,45 @@ justify-content: center; } - /* Optimize breadcrumbs with strong contrast */ + /* Optimize breadcrumbs for mobile - disable sticky, hide actions */ .breadcrumb { - font-size: 0.95rem; + position: static; + font-size: 0.9rem; flex-wrap: wrap; - border-bottom: 3px solid #999; + border-bottom: 1px solid var(--border-color); padding-bottom: 0.75rem; + margin: 1rem 0 1.5rem 0; + background: transparent; + box-shadow: none !important; + } + + .breadcrumb.stuck { + box-shadow: none; + padding-top: 0; + margin-top: 1rem; + } + + /* Hide breadcrumb action buttons on mobile */ + .breadcrumb-actions { + display: none !important; } [data-theme="dark"] .breadcrumb { - border-bottom-color: #666; + border-bottom-color: var(--border-color); } .breadcrumb a { - font-weight: 600; - border-bottom: 2px solid #999; - color: #000; + font-weight: 500; + border-bottom: none; + color: var(--link-color); } [data-theme="dark"] .breadcrumb a { - border-bottom-color: #666; - color: #e0e0e0; + color: var(--text-secondary); + } + + .breadcrumb-separator { + margin: 0 0.4rem; } /* Improve button visibility on mobile with strong contrast */ diff --git a/kjvstudy_org/templates/book.html b/kjvstudy_org/templates/book.html index 56b1898..fbf0c69 100644 --- a/kjvstudy_org/templates/book.html +++ b/kjvstudy_org/templates/book.html @@ -148,6 +148,37 @@ section ul li strong { display: none; } } + +/* Mobile optimizations */ +@media (max-width: 768px) { + .chapters-section h2 + p a { + font-size: 1.4rem; + } + + .book-meta { + font-size: 0.9rem; + } + + section blockquote { + margin: 0.75rem 0 1rem; + padding-left: 0.75rem; + } + + .print-btn { + padding: 0.75rem 1rem; + min-height: 44px; + } + + .nav-hint { + display: none; + } +} + +@media (max-width: 480px) { + .chapters-section h2 + p a { + font-size: 1.2rem; + } +}