Skip to content

feat(text-transform): add itTextTransform directive with text-none support (#600)#687

Open
giulio-leone wants to merge 1 commit into
italia:mainfrom
giulio-leone:feat/600-text-none
Open

feat(text-transform): add itTextTransform directive with text-none support (#600)#687
giulio-leone wants to merge 1 commit into
italia:mainfrom
giulio-leone:feat/600-text-none

Conversation

@giulio-leone

Copy link
Copy Markdown
Contributor

Closes #600

Problem

Bootstrap Italia generates .text-lowercase, .text-uppercase, and .text-capitalize utility classes, but omits .text-none (text-transform: none), forcing developers to manually add it in styles.scss.

Solution

Add a standalone ItTextTransformDirective that binds to [itTextTransform] and controls the CSS text-transform property via @HostBinding('style.text-transform').

Supported values: 'none' | 'capitalize' | 'uppercase' | 'lowercase' | 'full-width' | 'full-size-kana'

Usage:

<p itTextTransform="none">Normal text</p>

<p itTextTransform>Normal text</p>

<p itTextTransform="uppercase">UPPERCASED</p>

Testing

  • 5 tests covering none, capitalize, uppercase, lowercase, and default behavior
  • Double gate passed: 114/114 tests ✅, 0 lint errors ✅

Checklist

  • Follows CONTRIBUTING.md guidelines
  • Standalone component (no NgModule)
  • Selector prefix it enforced
  • Exported from public_api.ts
  • Conventional commit message

⚠️ This reopens #643 which was accidentally closed due to fork deletion.

…pport (italia#600)

- Create ItTextTransformDirective as standalone directive that controls
  the CSS text-transform property via @HostBinding('style.text-transform')
- Support all standard values: none, capitalize, uppercase, lowercase,
  full-width, full-size-kana
- Default to 'none' when directive is used without explicit value
- Add 5 tests covering all common values and default behavior
- Export from public_api.ts

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
@giulio-leone

Copy link
Copy Markdown
Contributor Author

@simionato-ennovaresearch this is the active successor to #643 and it already includes the follow-up you asked for there: both the Angular-friendly directive API and the plain CSS/docs/examples path.

Current build/tests are green. The only red check is lint-commits, but its log shows a Docker pull auth/rate-limit failure on wagoid/commitlint-github-action:5.5.1, not a code/content issue.

If the approach looks right now, I would appreciate a review on this open PR rather than on the closed predecessor. Thanks!

@valeriocomo valeriocomo requested a review from astagi April 7, 2026 15:59
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Feat] Aggiunta della classe text-none

1 participant