[IOPAE-1179] Service name and status chip fix

[carlo-bussi]

List of Changes

Fixed the two lines status chips and service name

Motivation and Context

QA ticket

How Has This Been Tested?

Local dev mode with msw mocks

Screenshots (if appropriate):

reaize.services.mp4

Checklist:

• My change requires a change to the documentation.
• I have updated the documentation accordingly.

[changeset-bot]

🦋 Changeset detected

Latest commit: a2d98af

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
io-services-cms-backoffice	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[giamma1295]

Please add a changeset in order to candidate this change for future release

[giuseppedipinto]

I have seen the changes and I notice that to avoid wrapping text you have set fixed dimensions in pixels.
While I wait to do some tests myself, how does the table behave at different resolutions?
Can you share screenshots at various resolutions or alternatively a video that starts from very small width resolutions (e.g. 600/800 pixels) up to very large screens?

[carlo-bussi]

I have seen the changes and I notice that to avoid wrapping text you have set fixed dimensions in pixels. While I wait to do some tests myself, how does the table behave at different resolutions? Can you share screenshots at various resolutions or alternatively a video that starts from very small width resolutions (e.g. 600/800 pixels) up to very large screens?

@giuseppedipinto The question could be diveded in 2 topics:

First keep the service name on one line (with the noWrap)makes the colum lose the resize feature, so under a certain window size the table starts a horizontal scroll behaviour.

Second the fixed size is to make the ellipsis appear. with an auto width or in percentual the ellipsis doesn't appear. it needs to be wrapped in a fixed size component or with a size expressed in vw for example.

reaize.services.mp4

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
No data about Coverage
0.0% Duplication on New Code

See analysis details on SonarCloud