feat: collapsible floating social bar, tooltips, and URL validation #141

2026-06-21T01:23:31Z

jmiller commented

2026-06-21 01:23:31 +00:00

Summary

Collapsible floating social bar — toggle button (chevron) slides the bar in/out with CSS transform animation, state persisted in localStorage
Bootstrap tooltips on all social icon links showing platform name on hover, placement-aware (away from viewport edge)
URL validation — three layers: browser HTML5 type="url", Joomla server-side validate="url", and enhanced PHP regex with Joomla\CMS\Log\Log warnings for skipped invalid URLs
Updated CSS Variables tab documentation for floating bar variables

Files Changed

File	Changes
`social-icons.php`	Wrapper div + toggle button for floating; tooltip attrs; enhanced URL regex with logging
`template.css`	`.moko-social-floating-wrap` with collapse transition; toggle button styles
`template.js`	`initSocialFloating()` collapse/expand + `initSocialTooltips()` Bootstrap init
`templateDetails.xml`	Added `validate="url"` to all 22 social URL fields
`tpl_mokoonyx.ini` (en-GB + en-US)	New toggle string; updated CSS vars description
`CHANGELOG.md`	Added entries under Unreleased

Test Plan

Enable floating social bar (left and right positions) — verify toggle button appears and collapses/expands
Refresh page after collapsing — verify state persists via localStorage
Hover social icons in all positions (topbar, footer, floating) — verify tooltips show platform name
Tooltip placement: floating-left shows right, floating-right shows left, others show top
Enter invalid URL in admin social field — verify browser and Joomla validation prevent save
Enter URL with spaces/special chars in DB directly — verify PHP skips it and logs warning
Mobile viewport — verify floating bar is hidden

## Summary - **Collapsible floating social bar** — toggle button (chevron) slides the bar in/out with CSS transform animation, state persisted in localStorage - **Bootstrap tooltips** on all social icon links showing platform name on hover, placement-aware (away from viewport edge) - **URL validation** — three layers: browser HTML5 `type="url"`, Joomla server-side `validate="url"`, and enhanced PHP regex with `Joomla\CMS\Log\Log` warnings for skipped invalid URLs - Updated CSS Variables tab documentation for floating bar variables ## Files Changed | File | Changes | |------|---------| | `social-icons.php` | Wrapper div + toggle button for floating; tooltip attrs; enhanced URL regex with logging | | `template.css` | `.moko-social-floating-wrap` with collapse transition; toggle button styles | | `template.js` | `initSocialFloating()` collapse/expand + `initSocialTooltips()` Bootstrap init | | `templateDetails.xml` | Added `validate="url"` to all 22 social URL fields | | `tpl_mokoonyx.ini` (en-GB + en-US) | New toggle string; updated CSS vars description | | `CHANGELOG.md` | Added entries under Unreleased | ## Test Plan - [ ] Enable floating social bar (left and right positions) — verify toggle button appears and collapses/expands - [ ] Refresh page after collapsing — verify state persists via localStorage - [ ] Hover social icons in all positions (topbar, footer, floating) — verify tooltips show platform name - [ ] Tooltip placement: floating-left shows right, floating-right shows left, others show top - [ ] Enter invalid URL in admin social field — verify browser and Joomla validation prevent save - [ ] Enter URL with spaces/special chars in DB directly — verify PHP skips it and logs warning - [ ] Mobile viewport — verify floating bar is hidden

jmiller added 1 commit 2026-06-21 01:23:31 +00:00

feat: add collapsible floating social bar, tooltips, and URL validation

Universal: Auto Version Bump / Version Bump (push) Successful in 3s

Details

Generic: Project CI / Tests (pull_request) Blocked by required conditions

Details

Universal: PR Check / Build RC Package (pull_request) Blocked by required conditions

Details

Universal: PR Check / Report Issues (pull_request) Blocked by required conditions

Details

Universal: PR Check / Branch Policy (pull_request) Successful in 1s

Details

Generic: Project CI / Lint & Validate (pull_request) Successful in 23s

Details

Universal: PR Check / Validate PR (pull_request) Successful in 29s

Details

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

Details

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

Details

Universal: Pre-Release / Build Pre-Release (${{ inputs.stability || 'development' }}) (pull_request) Successful in 9s

Details

7063b6d633

- Floating social bar now has a toggle button to collapse/expand,
  with state persisted in localStorage
- All social icon links show Bootstrap tooltips on hover with the
  platform name, placement-aware based on position
- Enhanced URL validation: server-side Joomla validate="url" on all
  social URL fields, stricter PHP regex with Joomla log warnings
  for skipped invalid URLs
- Updated CSS Variables tab docs for floating bar variables

jmiller merged commit 5de3d6c25c into dev

2026-06-21 01:25:25 +00:00

jmiller deleted branch feature/social-floating-enhancements

2026-06-21 01:25:26 +00:00

jmiller referenced this pull request

2026-06-21 02:37:17 +00:00

release: collapsible social bar, tooltips, URL validation, blog image fix #144

Sign in to join this conversation.