feat(css): extend hero-overlay effects to banner-overlay.custom-hero #7

Merged
jmiller merged 91 commits from dev into main 2026-04-26 17:46:49 +00:00
Owner

Summary

  • Extends the .hero-overlay pseudo-element layering (scaled bg image, radial blur softening, glass-effect overlay panel) to .banner-overlay.custom-hero
  • Allows modules using the hero.php layout override inside container-banner to receive the same visual treatment as the standalone hero-overlay system

Test plan

  • Verify the banner module with custom-hero class displays the blur softening and glass overlay
  • Verify existing .hero-overlay usage is unaffected
  • Check mobile breakpoint behavior

🤖 Generated with Claude Code

## Summary - Extends the `.hero-overlay` pseudo-element layering (scaled bg image, radial blur softening, glass-effect overlay panel) to `.banner-overlay.custom-hero` - Allows modules using the `hero.php` layout override inside `container-banner` to receive the same visual treatment as the standalone hero-overlay system ## Test plan - [ ] Verify the banner module with `custom-hero` class displays the blur softening and glass overlay - [ ] Verify existing `.hero-overlay` usage is unaffected - [ ] Check mobile breakpoint behavior 🤖 Generated with [Claude Code](https://claude.com/claude-code)
jmiller added 90 commits 2026-04-26 16:55:59 +00:00
feat: auto-migrate from MokoCassiopeia on install — copy params, styles, set default
Repo Health / Access control (push) Successful in 1s
Repo Health / Release configuration (push) Failing after 3s
Repo Health / Scripts governance (push) Successful in 3s
Repo Health / Repository health (push) Failing after 3s
a581da7bdc
- .gitea/workflows/release.yml: auto-bump, build ZIP, Gitea release,
  per-channel updates.xml targeting (same as MokoCassiopeia)
- script.php: on install, detect MokoCassiopeia styles, create matching
  MokoOnyx style copies with same params, set default, copy user files

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Joomla 6 doesn't call <scriptfile> for templates. Instead, run
migration on first page load via index.php:
- Detect MokoCassiopeia styles → copy params to MokoOnyx
- Create matching style copies for additional styles
- Set MokoOnyx as default if Cassiopeia was default
- Copy user files (custom themes, user.css, user.js)
- Redirect update server to MokoOnyx
- Creates .migrated marker so it only runs once

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- New "Migration" fieldset in template options
- Instructions for re-running migration (delete .migrated)
- Direct link to Extensions → Manage to uninstall MokoCassiopeia

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Add shields.io dynamic version badge (from Gitea releases) to both
templateDetails.xml and sys.ini descriptions. Extend migration script
to replace MokoCassiopeia references in article content and custom
HTML modules. Fix ROADMAP.md repo URLs.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Custom card.php layout chrome renders module titles for ALL modules
(core + third-party) when style="card" is used. Fixes missing titles
for Community Builder, DPCalendar, HikaShop, JoomShopping, JS Jobs,
Phoca Gallery, and any other extension modules without individual
template overrides.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Add overrides for all installed third-party modules:
- mod_cblogin (login + logout)
- mod_comprofilermoderator
- mod_comprofileronline
- mod_dpcalendar_counter
- mod_dpcalendar_map
- mod_dpcalendar_mini (with sublayouts)
- mod_dpcalendar_upcoming (with scripts)

Sourced from waas.dev site installation for template consistency.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Stable release tag changed from v01 to 'stable' for consistency
- All updates.xml channels now use channel name as tag
- Add 0.75rem margin below #maincontent component area

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Stamp file check now also verifies manifest exists, preventing
early return that skips generateManifest() on subsequent loads.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Ensures site.webmanifest and all favicon files are regenerated
after every template install or update.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Favicons now output to media/templates/site/mokoonyx/images/favicons/
- On install/update: removes old /images/favicons/ directory
- On install/update: removes stale favicon files from site root

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Adds replaceCassiopeiaReferences() to script.php postflight so
article content and custom HTML modules are updated during
Joomla admin install/update, not just on frontend page load.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Version badge now dynamic from Gitea releases (not hardcoded 03.x)
- PHP requirement corrected to 8.1+ (was 8.0)
- Joomla requirement corrected to 5.x | 6.x (was 4.4.x | 5.x)
- Template overrides section updated (was "No Template Overrides")
- Links corrected from "GitHub" to "Gitea" where appropriate
- Removed stale 03.x changelog entries
- Updated revision history

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Fix typo (backgroun-color → background-color) in .container-header that
silently broke the color fallback.  Split background shorthand into
discrete background-color / background-image properties so the color
renders when --header-background-image is set to none.

Add --header-background-color to all four theme files (dark.standard,
light.standard, dark.custom, light.custom).  Regenerate minified CSS.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Add the new variable to both en-GB and en-US language strings so it
appears in the template admin panel alongside the existing header
background variables.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
build: minify CSS/JS at release time instead of tracking .min files
Auto-Assign Issues & PRs / Assign unassigned issues and PRs (pull_request_target) Successful in 1s
7af3dc0b2d
- Add scripts/minify.js using clean-css and terser
- Add "Setup Node.js" and "Minify CSS and JS" steps to both
  .gitea and .github release workflows (runs before packaging)
- Add src/media/{css,js}/*.min.{css,js} to .gitignore
- Remove tracked .min files from the repo (vendor/ untouched)

This eliminates noisy diffs on generated files and ensures the
release ZIP always contains freshly minified assets.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Sets locked=1 in #__extensions after install/update to prevent
accidental uninstallation via Extension Manager.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
.hero is the module wrapper — now a full-width flex container.
Card styling (max-width, bg, padding, radius) moves to .hero .card.
All dimensions driven by CSS variables with sensible defaults:
--hero-justify, --hero-align, --hero-min-height,
--hero-card-text-align, --hero-card-max-width, etc.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
.drawer-toggle-left gets border-radius 0 on left side.
.drawer-toggle-right gets border-radius 0 on right side.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
All .btn-primary variants now use color: #000 for text.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Replace the large inline CSS variables reference fieldset with a
single note linking to the MokoOnyx repo documentation.
Add docs link to template description.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
.hero now uses --hero-bg-image, --hero-bg-repeat, --hero-bg-attachment,
--hero-bg-position, --hero-bg-size CSS variables.
Default min-height changed from 100% to 75vh.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Bootstrap .btn-outline-secondary was overriding the accent color
and border-radius. Use higher specificity + !important.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Apply the same pseudo-element layering (scaled bg image, radial blur
softening, glass-effect overlay panel) to modules using the
banner-overlay.custom-hero class inside container-banner.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
jmiller added 1 commit 2026-04-26 17:46:30 +00:00
# Conflicts:
#	README.md
#	src/media/css/template.css
#	src/templateDetails.xml
jmiller merged commit fc18f712ca into main 2026-04-26 17:46:49 +00:00
Sign in to join this conversation.
No Reviewers
No labels
Type
Status
Priority
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: MokoConsulting/MokoOnyx#7