Bugfix: links/urls don't fit inside the page

[AmruthPillai]

• fixes [Bug] Certifications texts don't fit inside the page #2275

Summary by CodeRabbit

• Style

  • Enhanced link text handling with improved word wrapping capabilities for long content across all templates.
  • Refined text truncation on links to better display lengthy URLs and labels within constrained spaces.
  • Improved layout consistency through CSS class refinements.

• Chores

  • Simplified ESLint and development configuration by removing unused integrations to reduce linting overhead.

[coderabbitai]

Caution

Review failed

The pull request is closed.

📝 Walkthrough

Walkthrough

The PR removes ESLint Prettier and Tailwind integrations from configuration files across multiple packages, and updates resume template components to improve text wrapping and truncation behavior for long URLs and labels via CSS class adjustments.

Changes

Cohort / File(s)	Summary
ESLint Configuration Cleanup .eslintrc.json, apps/artboard/.eslintrc.json, apps/client/.eslintrc.json, libs/ui/.eslintrc.json	Removed Prettier plugin integration and Tailwind CSS plugin configurations (extends and settings blocks) from ESLint overrides, reducing linting-specific integrations.
Template Link & Wrapping Fixes apps/artboard/src/templates/azurill.tsx, apps/artboard/src/templates/bronzor.tsx, apps/artboard/src/templates/chikorita.tsx, apps/artboard/src/templates/ditto.tsx, apps/artboard/src/templates/gengar.tsx, apps/artboard/src/templates/glalie.tsx, apps/artboard/src/templates/kakuna.tsx, apps/artboard/src/templates/leafish.tsx, apps/artboard/src/templates/nosepass.tsx, apps/artboard/src/templates/onyx.tsx, apps/artboard/src/templates/pikachu.tsx, apps/artboard/src/templates/rhyhorn.tsx	Added break-all to Link container divs to enable text wrapping for long content; changed anchor element styling from inline-block to line-clamp-1 max-w-fit for single-line truncation. Reordered CSS class sequences in layout containers without changing functional behavior.
UI Component & Configuration Updates apps/client/src/pages/auth/layout.tsx, apps/client/src/pages/builder/sidebars/left/sections/custom/section.tsx, apps/client/vite.config.ts	Removed ESLint disable comment from layout div; added conditional ph-bold modifier to icon rendering when icon is present; added Vite server proxy forwarding /artboard to localhost:6173.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~12 minutes

• ESLint removals are straightforward, consistent configuration deletions across multiple files
• Template changes follow a highly repetitive pattern (same wrapping/truncation adjustments applied identically across 12 files)
• UI updates involve minimal logic changes (conditional rendering, comment removal, proxy addition)
• Primary complexity arises from verifying the consistency of repeated changes and ensuring CSS class reordering doesn't introduce unintended cascade effects

Areas requiring attention:

• Verify that line-clamp-1 max-w-fit truncation behavior matches design expectations across all templates
• Confirm CSS class reordering (e.g., p-custom space-y-4 → space-y-4 p-custom) doesn't affect cascade specificity in any template's styling context
• Test icon rendering conditional logic in the custom section component with various icon states

Possibly related PRs

• release: v4.3.1 #2140: Related UI/rendering changes to icon handling in the custom field section component

Suggested reviewers

• DemaPy

Poem

🐰 Text breaks free, no overflow tears,
Links now wrap through all frontiers,
Icons bold, eslint configs clean,
Templates align—the best they've been!
One page fits all, the resume's dream. ✨

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch 2275-bug-certifications-texts-dont-fit-inside-the-page

---

📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between b2ae2c0 and 80932eb.

📒 Files selected for processing (19)

• .eslintrc.json (0 hunks)
• apps/artboard/.eslintrc.json (1 hunks)
• apps/artboard/src/templates/azurill.tsx (2 hunks)
• apps/artboard/src/templates/bronzor.tsx (2 hunks)
• apps/artboard/src/templates/chikorita.tsx (3 hunks)
• apps/artboard/src/templates/ditto.tsx (3 hunks)
• apps/artboard/src/templates/gengar.tsx (7 hunks)
• apps/artboard/src/templates/glalie.tsx (3 hunks)
• apps/artboard/src/templates/kakuna.tsx (2 hunks)
• apps/artboard/src/templates/leafish.tsx (4 hunks)
• apps/artboard/src/templates/nosepass.tsx (2 hunks)
• apps/artboard/src/templates/onyx.tsx (2 hunks)
• apps/artboard/src/templates/pikachu.tsx (4 hunks)
• apps/artboard/src/templates/rhyhorn.tsx (2 hunks)
• apps/client/.eslintrc.json (1 hunks)
• apps/client/src/pages/auth/layout.tsx (0 hunks)
• apps/client/src/pages/builder/sidebars/left/sections/custom/section.tsx (1 hunks)
• apps/client/vite.config.ts (1 hunks)
• libs/ui/.eslintrc.json (0 hunks)

---

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.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[nx-cloud]

View your CI Pipeline Execution ↗ for commit 80932eb

Command	Status	Duration	Result
nx run-many -t build	✅ Succeeded	47s	View ↗
nx run-many -t lint	✅ Succeeded	57s	View ↗

---

☁️ Nx Cloud last updated this comment at 2025-11-04 17:36:56 UTC