Increase navigator width

[hgansmueller]

Product/components used and version/fix level are you on:

Cumulocity Cockpit 1015.0.317

Detailed explanation of the problem:

Hello,
we want to increase the navigator width in our cumulocity cloud. Doing that by adding a branding.less file with the following statements:

@import ‘~@c8y/style/extend.less’;
@navigatorWidth: 340px;

does the job.
The problem is, by adding the branding.less file to our package.json (-> brandingEntry), the logos at the login page as well as the logo in the navigator top is missing.
There is no error message giving any hints.
Are we missing out some statements in our branding.less file?

thx

Helmut

[Pawel_Rynarzewski1]

Hi Helmut, do you mean standard Cumulocity logos or have you customized them using branding feature (Enterprise tenant - Cumulocity IoT Guides)? Using branding feature and custom branding.less file simultaneously might cause such issues. Could you try setting logos within your branding.less file (Application configuration - Cumulocity IoT Guides)?

[Tristan_Bastian]

Hi Helmut,

instead of the @import ‘~@c8y/style/extend.less’; try using the @import '~@c8y/style/main.less';. This should include all of the default branding and also the branding via branding manager should work as expected.

The extend.less is meant to be used with all of the other less variables you can find here: Application configuration - Cumulocity IoT Guides