refactor: word breaks and truncation to tailwind#1097
Merged
Conversation
JammingBen
force-pushed
the
refactor/text-truncate-tailwind
branch
from
c1b7765 to
33326f5
Compare
Contributor
There was a problem hiding this comment.
Pull Request Overview
This PR refactors text truncation and word break functionality from custom CSS classes to Tailwind CSS utilities. It migrates oc-text-truncate to the standard truncate class and oc-text-nowrap to whitespace-nowrap, while also converting some custom CSS properties to Tailwind utilities for better consistency and maintainability.
Key changes include:
- Migration of custom truncation classes to Tailwind equivalents
- Conversion of CSS word-break and white-space properties to Tailwind utilities
- Addition of Tailwind @layer utilities for component-specific styling
- Removal of redundant CSS files and properties
Reviewed Changes
Copilot reviewed 62 out of 62 changed files in this pull request and generated 6 comments.
| File | Description |
|---|---|
| Various snapshot files | Updated test snapshots to reflect new Tailwind class names |
| Component Vue files | Replaced oc-text-truncate with truncate and oc-text-nowrap with whitespace-nowrap |
| Style files | Added Tailwind @layer utilities and removed redundant CSS properties |
| Design system components | Updated core components to use Tailwind utilities |
Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.
JammingBen
force-pushed
the
refactor/text-truncate-tailwind
branch
from
33326f5 to
fa60ce9
Compare
JammingBen
force-pushed
the
refactor/text-truncate-tailwind
branch
from
fa60ce9 to
f4f7a09
Compare
kulmann
requested changes
Aug 21, 2025
Member
kulmann
left a comment
kulmann
left a comment
There was a problem hiding this comment.
Found another one (icon is aligned to the left, the other views don't seem to have that though):
kulmann
approved these changes
Aug 21, 2025
openclouders
pushed a commit
that referenced
this pull request
Aug 21, 2025
…lwind refactor: word breaks and truncation to tailwind
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Also fixes some truncations that did not work before.
refs #937
Migration
oc-text-truncate>truncateoc-text-nowrap>whitespace-nowrap