IxBlind label is not shortened via ellipsis or wrapped

[muratayik]

Prerequisites

• [X] I have read the Contributing Guidelines.
• [X] I have not leaked any internal/restricted information like screenshots, videos, code snippets, links etc.

What happened?

What happened?

When I use a long string for label, the string is not shortened via ellipsis or wrapped. I can not see the remaining part of label.

What type of frontend framework are you seeing the problem on?

React

Which version of iX do you use?

v2.1.1

Code to produce this issue.

<IxBlind icon="warning"  variant="warning" label="A long asset name that does not fit to blind header">
</IxBlind>

[github-actions[bot]]

🤖 Hello @muratayik

Your issue will be analyzed and is part of our internal workflow. To get informed about our workflow please checkout the Contributing Guidelines

JIRA: IX-1012

[ridvandmrc]

Hi @muratayik , Maybe you can use this workaround solution,

    <ix-blind icon="warning"  variant="warning">
      <p style=" color:black; font-size:14px; font-weight:bold; overflow:hidden; max-width:80%; text-overflow:ellipsis; white-space:nowrap;padding:0.6rem" slot="custom-header">  A long asset name that does not fit to blind header </p>
    </ix-blind>

And the result will be like: