When both are present, a11y toolbar sits at bottom-left and theme
FAB at bottom-right so they share the same row without overlapping.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Accordion structure now applies at all screen sizes. On desktop
(>= 992px) all panels start expanded (show class + aria-expanded
true). On mobile (< 992px) all panels start collapsed. CSS no
longer scoped to mobile media query.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Restore position: relative on mobile so the header scrolls away
on small screens. Sticky only applies on desktop (>= 992px).
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Remove position: relative override that disabled sticky on mobile.
The header now stays sticky at all breakpoints when the admin
enables the sticky header option.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
On screens < 992px, sidebar-left and sidebar-right card modules
are transformed into Bootstrap accordion items via JS. Card headers
become collapsible toggles, card bodies collapse. On desktop resize
the accordion reverts to normal cards.
CSS scoped to mobile breakpoint styles the accordion buttons and
removes card borders for a clean stacked look.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Add width: 100% to .container-search and child elements. Override
desktop media query from flex: 0 0 auto/min-width: 300px to
flex: 1 1 100%/width: 100%.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
The navbar hamburger uses data-bs-toggle="collapse" but the
Bootstrap collapse JS was never loaded. Now loaded unconditionally
since the main menu always needs it on mobile viewports.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Replace Bootstrap navbar-toggler-icon SVG with fa-solid fa-bars
in mainmenu.php. Update .container-header .navbar-toggler CSS to
use --mainmenu-nav-link-color for color and border.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Set width: 100% on .container-search, .mod-finder, .mod-finder__form,
and the input-group so the search bar stretches the full width of
the navigation area.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
.container-header .navbar-toggler now uses --mainmenu-nav-link-color
for both text/border color and the hamburger icon SVG, matching
the rest of the navigation links.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- .container-nav a now uses --mainmenu-nav-link-color so all links
in the navigation area match the navbar color scheme.
- Blog items use flex: 1 + height: 100% so cards in the same row
are equal height. Read more button pinned to bottom via
margin-top: auto.
- #system-message-container:empty hides the Joomla message wrapper
when no messages are present, removing empty whitespace.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Simplify Font Awesome loading to scan three candidate paths for
all.css, register whichever exists via WebAssetManager, then call
useStyle(). Falls back to joomla.asset.json registry if no local
file found. Covers both standard Joomla media path and SFTP
deploy layout.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Replace the partial 10-icon mapping with a comprehensive layer
that covers 80+ Joomla IcoMoon icon-* classes. All icon-* prefixed
elements now render using Font Awesome 7 Free glyphs via ::before
pseudo-elements with the correct font-family, weight, and
smoothing. Covers navigation, actions, objects, status, media,
layout, and publishing icons.
Also fix back-to-top icon in error.php (icon-arrow-up → fa-solid
fa-arrow-up).
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Main menu links in the header now explicitly use
--mainmenu-nav-link-color via .container-header .nav-link
selector, preventing the generic --nav-link-color from bleeding
through when variables resolve to the body link color.
Back-to-top link:
- Switch icon from IcoMoon (icon-arrow-up) to Font Awesome
(fa-solid fa-arrow-up) for consistency with the rest of the
template.
- Add id="top" to the header element so the href="#top" fallback
works even when JavaScript is disabled.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Font Awesome CSS was not loading because the asset path
(media/templates/site/mokocassiopeia/) doesn't exist when
deployed via SFTP to the template directory. Now checks the
file system for both the standard Joomla media path and the
SFTP-deployed template-relative path before falling back to
the asset registry.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Bump a11y toolbar bottom from 3.5rem to 5rem when theme FAB is
present, ensuring the toggle button clears the FAB completely.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Create default.php for mod_menu with showtitle support, suitable
for sidebar and footer menu modules (simple nav list, not navbar).
- Fix accessibility toolbar overlapping theme FAB by stacking the
a11y toggle above the FAB instead of beside it.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
New overrides: mod_articles_archive, mod_articles_categories,
mod_banners, mod_languages, mod_random_image, mod_syndicate.
Fix mod_stats: replace right-aligned badge layout with definition
list (dl/dt/dd) for natural left-aligned display of stat labels
and values. Add CSS for the stats definition list.
All standard Joomla 5 site modules now have template overrides
with showtitle support and BEM-style class names.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
New module overrides with showtitle support:
- mod_stats, mod_feed, mod_wrapper, mod_whosonline, mod_users_latest
Footer CSS:
- Each footer module now stacks full-width (flex-direction: column)
- Remove hardcoded padding-right: 300px inline style
- Dynamic footer padding-right based on theme FAB and a11y toolbar
Accessibility toolbar positioning:
- Toolbar now sits to the right of the theme FAB (bottom-right area)
- Shifts automatically when theme FAB is enabled via CSS attribute
selectors on body data attributes
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Move data-toc-scope from outer column to .article-content div so
the TOC only sees headings inside the article body, ignoring page
headers and article titles.
- Pass $scope explicitly in the JS auto-init so headings outside the
article content are never picked up.
- Replace hardcoded article title in TOC heading with a
TPL_MOKOCASSIOPEIA_TOC_TITLE language string ("Table of Contents").
- Add Text use statement to both toc-left.php and toc-right.php.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Development mode now activates automatically when Joomla global
debug is enabled, so admins don't need to toggle both settings.
- Bootstrap TOC now detects the highest heading level present (even
if only one exists) and includes up to two levels below it
(e.g. h2 → h2, h3, h4). Fixes incorrect top-level detection and
adds proper three-level nesting support.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Add update-safe note to light and dark custom palette descriptions
in both en-US and en-GB language files, matching the existing
user.css/user.js messaging.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Adds a floating accessibility toolbar to the template with individually
enable/disable options: text resize, color inversion, high contrast,
highlight links, readable font, and pause animations. Each option has
an admin toggle in the Theme tab and persists visitor preferences in
localStorage. Also fixes count() on null in mod_login override.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
.container-header had position:relative which overrode .sticky-top's
position:sticky due to CSS source order (container-header appeared
later). Removed the conflicting rule. Added .container-header.sticky-top
with z-index:1020 to keep header above all content. Mobile media query
now only disables sticky when the sticky class is present.
Fixes#115
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Load only all.css (or all.min.css) instead of 5 redundant files
- Trim fA6KitCode to prevent whitespace from triggering CDN path
- Remove nested try/catch with 10 fallback registrations
- Single clean try/catch with one dynamic fallback
- all.css already bundles brands + solid + regular + fontawesome
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
mod_finder:
- Use correct language keys (MOD_FINDER_SEARCH_VALUE, JSEARCH_FILTER_SUBMIT)
- Use $app (available from module dispatcher) instead of Factory
- Load com_finder.finder script and awesomplete preset
- Add show_label, show_button, show_advanced support from core
- Register com_finder extension assets
- Use $route from module dispatcher (not hardcoded)
mod_footer:
- Use $lineone variable from module helper (not $module->content)
- Add MOD_FOOTER_LINE2 language string output
- mod_footer generates its own content, it's not a custom HTML module
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
