[Bug]: Adapt style for published PC Navigation App with header switched off.

[PimDev69]

Is there an existing issue for this?

• I have searched the existing issues

Current Behavior

When using the PC Navigation App, I see an issue when publishing with the setting “Show header in public view” switched off. When I use my App in preview mode everything looks good, meaning that the Navigation menu and loaded App fill the available vertical space completely (but the header still displayed). This is the left situation in the picture below.

However, when I publish the same App, then the header is not displayed (as set with the switch) but the vertical window space is not fully used. Actually, it seems that the App has the same vertical size as in preview mode, but because of the hided header there is now a white (unusable!) space at the bottom of the screen. This is the right situation in the picture below.

Expected Behavior

It is expected that the published Navigation App always uses the full vertical screen space, also when the header is switched off.

Steps to reproduce

This is easily reproduceable with the following steps:

• Create a new PC Navigation App, with few menu items.
• Make sure that the feature “Show header in public view” is switched off.
• Preview of the App does correctly show the header, with the menu filling the whole vertical space below the header.
• Publish of the App does not show the header (because of switched off), but the menu does not fill the full vertical space in the window, while this should be!

Environment

Latest Cloud version of Lowcoder.

Additional Information

Refer to picture above, comparing the Preview and Publish view of the App.

[PimDev69]

In addtion to this bug report:
The following CSS code was suggested as workaround by @iamfaran, which works fine:

.ant-layout-sider:not(.previewcontainer .ant-layout-sider),
.ant-layout-content:not(.previewcontainer .ant-layout-content)
{
min-height: 100vh;
}