fix(template-switching): allow current-template description to wrap#1128
fix(template-switching): allow current-template description to wrap#1128superdav42 merged 1 commit intomainfrom
Conversation
The 'Current Template' card on the customer-panel template-switching page was applying `wu-truncate` (white-space: nowrap; overflow: hidden; text-overflow: ellipsis) to the description, forcing the full template description onto a single line and clipping with an ellipsis. Customers could not read past the first ~80 characters of the description. Drop `wu-truncate` from the description `<p>` so the text wraps naturally onto multiple lines. Add inline `overflow-wrap: anywhere` to guard against unbreakable strings (long URLs, no-space tokens) overflowing the flex column; the compiled framework.css has no break-words utility, so the inline style follows the same pattern as other inline styles in this file. The parent flex row uses `wu-items-center`, so the 120px image and 'Reset' button stay vertically centred against the now-multi-line description. The title `<h3>` keeps `wu-truncate` because template titles are expected to be short and a single-line title is a stronger visual anchor for the card; only the description needed to wrap. Verified in browser at the customer-panel template-switching page with seeded ~270-character descriptions on three test templates.
|
Warning Rate limit exceeded
To continue reviewing without waiting, purchase usage credits in the billing tab. ⌛ How to resolve this issue?After the wait time has elapsed, a review can be triggered using the We recommend that you space out your commits to avoid hitting the rate limit. 🚦 How do rate limits work?CodeRabbit enforces hourly rate limits for each developer per organization. Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout. Please see our FAQ for further information. ℹ️ Review info⚙️ Run configurationConfiguration used: defaults Review profile: CHILL Plan: Pro Run ID: 📒 Files selected for processing (1)
✨ Finishing Touches🧪 Generate unit tests (beta)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
🔨 Build Complete - Ready for Testing!📦 Download Build Artifact (Recommended)Download the zip build, upload to WordPress and test:
🌐 Test in WordPress Playground (Very Experimental)Click the link below to instantly test this PR in your browser - no installation needed! Login credentials: |
|
Performance Test Results Performance test results for ead678a are in 🛎️! Note: the numbers in parentheses show the difference to the previous (baseline) test run. Differences below 2% or 0.5 in absolute values are not shown. URL:
|
Summary
WhyCustomers on the template-switching page ( VerificationTested in the local dev environment with three templates seeded with ~270-character descriptions:
Files changed
Merged via PR #1128 to main. aidevops.sh v3.14.75 spent 30s on this as a headless bash routine. |
|
Permission check failed for this PR (HTTP unknown from collaborator permission API). Unable to determine if @superdav42 is a maintainer or external contributor. A maintainer must review and merge this PR manually. This is a fail-closed safety measure — the pulse will not auto-merge until the permission API succeeds. aidevops.sh v3.14.75 plugin for OpenCode v1.14.33 with gpt-5.5 spent 1m and 27,267 tokens on this as a headless worker. |
Summary
wu-truncatefrom the description<p>on the customer-panel template-switching "Current Template" card so long template descriptions wrap onto multiple lines instead of being clipped to a single-line ellipsis.overflow-wrap: anywhereso unbreakable strings (long URLs, no-space tokens) cannot overflow the flex column horizontally.<h3>keepswu-truncate— template titles are expected to be short and a single-line title is a stronger visual anchor for the card; only the description needed to wrap.Why
Customers on the template-switching page (
/wp-admin/admin.php?page=wu-template-switching) saw the description of their current template clipped after roughly 80 characters with…. The grid cards below already wrapped correctly; only the "Current Template" summary card at the top truncated. Customers could not read past the first line of their template's description without removing thewu-truncateclass.Verification
Tested in the local dev environment with three templates seeded with ~270-character descriptions:
kpcust1(site 6, current template = Pink, 267-char description)./wp-admin/admin.php?page=wu-template-switching.Reset Current Templatebutton (right) stay vertically centred against the wrapped text —wu-items-centeron the parent flex row handles this.PHPCS clean. PHPStan clean.
Files changed
views/ui/template-switching-current.php