[ui5-side-navigation]: Not customizable after upgrade to 1.20.0

[kozubikmichal]

Bug Description

After upgrade to the web components v1.20.0, we lost the customization options for the Side Navigation component, which introduced 2 issues in our product:

1. New version provides less space for the text and does not support changing of the width anymore -> some of our texts are now broken into multiple lines. Setting the width CSS property does not work (was working before this update)
2. Border radius cannot be changed again (was fixed it [ui5-side-navigation]: Forced top border radius in Side Navigation #7308, after upgrade it's not working anymore)

As working with the codesandbox is not good on SAP enrolled devices, feel free to contact me via corporate communication channels and I can provide you more details.

With highlighted element:

Affected Component

Side Navigation

Expected Behaviour

1. Space for the texts should remain the same OR there should be an option how to adjust it (eg. width property)
2. Rounded corners should not be mandatory, as it was in previous version (border-radius property)

Isolated Example

No response

Steps to Reproduce

No response

Log Output, Stack Trace or Screenshots

No response

Priority

Medium

UI5 Web Components Version

1.20.0

Browser

Chrome

Operating System

No response

Additional Context

No response

Organization

SAP

Declaration

• I’m not disclosing any internal or sensitive information.

[unazko]

Hello @SAP/ui5-webcomponents-topic-rd,

Tested at the following URL:
https://sap.github.io/ui5-webcomponents/playground/?path=/story/fiori-side-navigation--basic

Indeed the border-radius and width aren't customizable.

Please have a look.

Best regards,
Boyan