feat(mokoonyx): tabbed profile/registration, drawer link-colour fix, retire right drawer #158

Merged

jmiller merged 2 commits from feature/profile-tabs-drawer-cleanup into dev

2026-07-16 17:48:31 +00:00

jmiller commented

2026-07-16 11:27:13 +00:00

Owner

Summary

Three related front-end changes for MokoOnyx, verified live on suite.dev.

1. Tabbed profile & registration

com_users profile-edit and registration forms now group their fieldsets into Bootstrap tabs via a shared layout (html/layouts/mokoonyx/profile-tabset.php, using the native uitab helper). MFA is folded in as its own tab; captcha stays outside the tabs. Plugin-contributed fieldsets (incl. MokoSuiteCRM / MokoSuiteCommunity) become tabs automatically.

2. Drawer link-colour fix

Drawer menu links now follow the drawer's own foreground (--offcanvas-color) instead of the navbar link colour, fixing white-on-white (invisible) links in the light theme. Verified correct in both light and dark.

3. Retire the right drawer

Removed the drawer-right position, toggle, offcanvas markup, drawerRightIcon param, and its CSS/JS/RTL rules from index.php, error.php, templateDetails.xml. Added a postflight update notice (script.php) that warns admins to reassign any modules still parked in drawer-right. Documented in CHANGELOG.

Testing

Profile edit verified live: 4 tabs render with icons, switching works, MFA content intact.
- Drawer link colours confirmed in both themes via computed styles.
- php -l clean on all touched PHP; templateDetails.xml well-formed; grep confirms zero remaining drawer-right references.

## Summary Three related front-end changes for MokoOnyx, verified live on suite.dev. ### 1. Tabbed profile & registration `com_users` profile-edit and registration forms now group their fieldsets into Bootstrap tabs via a shared layout (`html/layouts/mokoonyx/profile-tabset.php`, using the native `uitab` helper). MFA is folded in as its own tab; captcha stays outside the tabs. Plugin-contributed fieldsets (incl. MokoSuiteCRM / MokoSuiteCommunity) become tabs automatically. ### 2. Drawer link-colour fix Drawer menu links now follow the drawer's own foreground (`--offcanvas-color`) instead of the navbar link colour, fixing white-on-white (invisible) links in the light theme. Verified correct in both light and dark. ### 3. Retire the right drawer Removed the `drawer-right` position, toggle, offcanvas markup, `drawerRightIcon` param, and its CSS/JS/RTL rules from `index.php`, `error.php`, `templateDetails.xml`. Added a postflight update notice (`script.php`) that warns admins to reassign any modules still parked in `drawer-right`. Documented in CHANGELOG. ## Testing - Profile edit verified live: 4 tabs render with icons, switching works, MFA content intact. - - Drawer link colours confirmed in both themes via computed styles. - - `php -l` clean on all touched PHP; templateDetails.xml well-formed; grep confirms zero remaining `drawer-right` references.

jmiller force-pushed feature/profile-tabs-drawer-cleanup from ece48ed5e5 to ab49d94e51

2026-07-16 14:02:11 +00:00

Compare

jmiller added 2 commits 2026-07-16 14:09:26 +00:00

feat(mokoonyx): tabbed profile/registration, drawer link-colour fix, retire right drawer 7d81d4e291

User profile & registration:
- Group com_users profile edit and registration fieldsets into Bootstrap
  tabs via new shared layout html/layouts/mokoonyx/profile-tabset.php
  (uses the native uitab HTMLHelper; MFA rendered as its own tab; captcha
  kept outside the tabs). Plugin-contributed fieldsets (incl. MokoSuiteCRM /
  MokoSuiteCommunity) automatically become their own tabs.
- Add TPL_MOKOONYX_PROFILE_TAB_* fallback strings (en-US, en-GB).

Drawer colours:
- Bind drawer menu links to the drawer's own foreground (--offcanvas-color)
  instead of the header navbar link colour, fixing white-on-white
  (invisible) links in the light theme; correct in both themes now.

Retire right drawer:
- Remove drawer-right position, toggle button, offcanvas markup, and the
  drawerRightIcon parameter from index.php, error.php and templateDetails.xml.
- Remove drawer-toggle-right CSS/RTL rules and narrow the shared width rule
  to .offcanvas-start; drop the drawer-toggle-right check in template.js.
- Remove drawer-right language strings (position + icon label/desc).
- Add a postflight update notice (script.php) warning admins to reassign any
  published modules still parked in the removed drawer-right position.
- Document all of the above in CHANGELOG.md [Unreleased].

feat(script): migrate drawer-right modules to sidebar-right on update

Branch Cleanup / Delete merged branch (pull_request) Successful in 2s

Details

RC Revert / Rename rc/ back to dev/ (pull_request) Has been skipped

Details

e04db008cf

Replace the right-drawer retirement *warning* with an actual migration:
the postflight update step now moves any site modules still assigned to the
removed `drawer-right` position to `sidebar-right` (published and unpublished),
so nothing is stranded. Idempotent — no rows match once migrated.

jmiller force-pushed feature/profile-tabs-drawer-cleanup from ab49d94e51 to e04db008cf

2026-07-16 14:09:26 +00:00

Compare

jmiller merged commit 7389b56d1d into dev

2026-07-16 17:48:31 +00:00

jmiller deleted branch feature/profile-tabs-drawer-cleanup

2026-07-16 17:48:32 +00:00

Priority -

Type -

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: MokoConsulting/MokoOnyx#158