Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

refactor(ui5-tag): wrap text by default #9126

Merged
merged 6 commits into from
Jun 12, 2024
Merged

Conversation

LidiyaGeorgieva
Copy link
Contributor

The text of ui5-tag now wraps by default.

BREAKING CHANGE: wrapping-type property default value has changed from None to Normal. Before:

<ui5-tag>In Process</ui5-tag><!-- would truncate the text if there is not enough space -->

Now:

<ui5-tag>In Process</ui5-tag><!-- would let the text wrap if there is not enough space -->

Related to #8461

The text of `ui5-tag` now wraps by default.

BREAKING CHANGE: `wrapping-type` property default value has changed from `None` to `Normal`. Before:
```html
<ui5-tag>In Process</ui5-tag><!-- would truncate the text if there is not enough space -->
```

Now:
```html
<ui5-tag>In Process</ui5-tag><!-- would let the text wrap if there is not enough space -->
```

Related to #8461
@BorisDafov
Copy link

I approve the PR from UA perspective

No matter if the tag is with wrapping-type="None" or wrapping-type="Normal"
the height when there is only one line of text should be the same.
packages/main/test/pages/Tag.html Outdated Show resolved Hide resolved
packages/main/src/themes/Tag.css Outdated Show resolved Hide resolved
packages/main/src/themes/base/Tag-parameters.css Outdated Show resolved Hide resolved
@LidiyaGeorgieva LidiyaGeorgieva merged commit 96704b8 into main Jun 12, 2024
10 checks passed
@LidiyaGeorgieva LidiyaGeorgieva deleted the tag_default_wrapping branch June 12, 2024 07:29
ilhan007 pushed a commit that referenced this pull request Jun 14, 2024
* refactor(ui5-tag): wrap text by default

The text of `ui5-tag` now wraps by default.

BREAKING CHANGE: `wrapping-type` property default value has changed from `None` to `Normal`. Before:
```html
<ui5-tag>In Process</ui5-tag><!-- would truncate the text if there is not enough space -->
```

Now:
```html
<ui5-tag>In Process</ui5-tag><!-- would let the text wrap if there is not enough space -->
```

Related to #8461

* refactor(ui5-tag): fix test texsts

* refactor(ui5-tag): fix height of the tags to be the same

No matter if the tag is with wrapping-type="None" or wrapping-type="Normal"
the height when there is only one line of text should be the same.

* refactor(ui5-tag): merge adjustments and code review comments

* refactor(ui5-tag): fix height
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

4 participants