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

2026-04-26T16:55:59Z

jmiller commented

2026-04-26 16:55:59 +00:00

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

chore: update stable SHA-256 for 01.00.00 [skip ci] 67f6b61bf2

feat: auto-migrate from MokoCassiopeia on install — copy params, styles, set default

Repo Health / Access control (push) Successful in 1s

Details

Repo Health / Release configuration (push) Failing after 3s

Details

Repo Health / Scripts governance (push) Successful in 3s

Details

Repo Health / Repository health (push) Failing after 3s

Details

a581da7bdc

feat: add release workflow + migrate MokoCassiopeia styles on install 44b823d4f7

- .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>

chore(version): bump 01.00.00 → 01.00.01 [skip ci] c1e6a5f42d

chore: update development SHA-256 for 01.00.01 [skip ci] 314a4683ae

fix: add InstallerScriptInterface for Joomla 6, run migration on install + update c9222b4c31

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

chore(version): bump 01.00.01 → 01.00.02 [skip ci] 455f5825db

chore: update development SHA-256 for 01.00.02 [skip ci] fb8d91c716

chore(version): bump 01.00.02 → 01.00.03 [skip ci] 8db0a4fa88

feat: index.php bootstrap migration from MokoCassiopeia ad1070be03

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>

chore(version): bump 01.00.03 → 01.00.04 [skip ci] 8430ea6804

chore: update development SHA-256 for 01.00.04 [skip ci] 61aa54df78

docs: add v02.00.00 roadmap — migration script removal 602d3f69bc

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

chore(version): bump 01.00.04 → 01.00.05 [skip ci] 084245e9c1

chore: update development SHA-256 for 01.00.05 [skip ci] b965070f3f

Update manifest: migration instructions + how to re-run b7ab26c999

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

feat: add Migration tab in template config with re-run instructions 7c43a9fe64

- 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>

docs: fill in CLAUDE.md — tokens, auto-bump, multi-channel, migration notes 55d6a3ff7c

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

chore(version): bump 01.00.05 → 01.00.06 [skip ci] 5bd66387e3

chore: update development SHA-256 for 01.00.06 [skip ci] 30660cfee8

chore(version): bump 01.00.06 → 01.00.07 [skip ci] 748cd855f5

chore: update stable SHA-256 for 01.00.07 [skip ci] b6ff24da50

feat: add dynamic version badge and migrate content/module references d903e1e232

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>

chore(version): bump 01.00.07 → 01.00.08 [skip ci] f99715743b

chore: update development SHA-256 for 01.00.08 [skip ci] bc546cc1e1

fix: skip auto-bump on main (branch protection blocks push) 9a0345defd

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

feat: auto-bump on dev, merge to main via API for stable releases 51718b2bb8

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

feat: unlock MokoCassiopeia + lock MokoOnyx during migration edc66d3404

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

feat: add custom card module chrome for universal title rendering ee345f1bb6

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>

chore(version): bump 01.00.08 → 01.00.09 [skip ci] 9d0089eac3

chore: update development SHA-256 for 01.00.09 [skip ci] b5cbba7899

feat: add template overrides for Community Builder and DPCalendar modules fb4f764bc4

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>

chore(version): bump 01.00.09 → 01.00.10 [skip ci] 005efe752c

chore: update development SHA-256 for 01.00.10 [skip ci] 139f1d643e

chore: sync updates.xml version header and channels to stable 01.00.07 0672f63136

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

chore(version): bump 01.00.10 → 01.00.11 [skip ci] acff16c0a0

chore: update stable SHA-256 for 01.00.11 [skip ci] 7c9850c0a9

fix: use consistent tag names across channels and add component gap f6b3f7f0ab

- 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>

chore(version): bump 01.00.11 → 01.00.12 [skip ci] 9760cb4a0e

chore: update development SHA-256 for 01.00.12 [skip ci] 30bba91a8a

fix: regenerate favicons when site.webmanifest is missing (#1 ) 6a40dc558b

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>

chore(version): bump 01.00.12 → 01.00.13 [skip ci] ea2ccc482c

chore: update development SHA-256 for 01.00.13 [skip ci] 17174814ba

fix: clear favicon stamp on install/update to force regeneration (#1 ) cf0051213f

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>

chore(version): bump 01.00.13 → 01.00.14 [skip ci] d9cc2707bb

chore: update development SHA-256 for 01.00.14 [skip ci] 5c014a1484

feat: move favicons to template media folder and clean up old locations 4423294272

- 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>

chore(version): bump 01.00.14 → 01.00.15 [skip ci] 208a072161

chore: update development SHA-256 for 01.00.15 [skip ci] 157eab4470

feat: replace MokoCassiopeia references in content/modules on install/update eee3242c4b

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>

chore(version): bump 01.00.15 → 01.00.16 [skip ci] f8da2bef6a

chore: update development SHA-256 for 01.00.16 [skip ci] 50331262c9

docs: fix README — dynamic badge, correct requirements, fix links 3339dbb620

- 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>

chore(version): bump 01.00.16 → 01.00.17 [skip ci] f2d496b7e5

chore: update stable SHA-256 for 01.00.17 [skip ci] 659486fac4

feat: sync updates.xml to main via PR instead of direct API push 765bb9b368

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

fix: direct API sync for updates.xml (PR blocked by reviews) b158e7684c

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

feat(theme): add --header-background-color CSS variable for image-free headers f438398e81

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>

chore(version): bump 01.00.17 → 01.00.18 [skip ci] e7e71bf77e

chore: update development SHA-256 for 01.00.18 [skip ci] 3e9379f300

docs: document --header-background-color in CSS Variables reference tab e98a1d125f

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

Details

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>

feat: lock MokoOnyx extension on install and update ce01759455

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>

fix: remove theme preview tab and theme-test.html 9ce82bdacc

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

chore(version): bump 01.00.18 → 01.00.19 [skip ci] a292026966

chore: add package-lock.json for npm ci in release workflow 6d09487aa7

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

chore(version): bump 01.00.19 → 01.00.20 [skip ci] c379fab50d

chore: update stable SHA-256 for 01.00.20 [skip ci] 4977a8c6ff

fix: remove GitHub mirror URLs from updates.xml (404) [skip ci] 2f000c330e

fix: hero wrapper full-width, card centering via CSS variables 12a98762cd

.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>

chore(version): bump 01.00.20 → 01.00.21 [skip ci] db584db4af

chore: update development SHA-256 for 01.00.21 [skip ci] 592b0ea640

fix: flat edge on drawer toggle buttons facing the drawer d6f6476454

.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>

feat: drawer toggle buttons use accent color 2e69795536

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

feat: brand buttons use black text by default 489ad687af

All .btn-primary variants now use color: #000 for text.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

refactor: remove CSS variables tab, link to repo docs instead 6f15c3f4f0

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>

chore(version): bump 01.00.21 → 01.00.22 [skip ci] a0dc907f8d

chore: update development SHA-256 for 01.00.22 [skip ci] 3b90a375aa

feat: mod_custom background uses --hero-bg-image CSS variable 5b08fe53b5

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

feat: hero wrapper uses bg variables, default height 75vh 1be001993e

.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>

chore(version): bump 01.00.22 → 01.00.23 [skip ci] 484c223c7e

chore: update development SHA-256 for 01.00.23 [skip ci] 89e255265d

fix: drawer toggles override btn-outline-secondary with !important 3340c00e26

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>

chore(version): bump 01.00.23 → 01.00.24 [skip ci] f6ac970ec0

chore: update development SHA-256 for 01.00.24 [skip ci] 598605c65c

chore(version): bump 01.00.24 → 01.00.25 [skip ci] 96d7520fa8

chore: update stable SHA-256 for 01.00.25 [skip ci] 5ff523837f

chore: bump patch version for release pipeline fixes [skip ci] d9f241c80a

chore: add TODO.md from MokoStandards 38caba69a2

feat(css): extend hero-overlay effects to banner-overlay.custom-hero 871c474bb5

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

Merge remote-tracking branch 'origin/main' into dev 5954a0b56b

# 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.

Priority -

Type -

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: MokoConsulting/MokoOnyx#7