fix(style/--side-nav__navigation): remove css height to allow components at bottom (#5871)

[gi]

• fix(style/--side-nav__navigation): remove css height to allow components at bottom (UI shell left nav: Provide a mechanism to expand width panel + section for additional links #5871)

This removes the CSS height style from --side-nav__navigation. The resulting style for this element when composed with --side-nav is:

position: fixed;
top: #{header-height};
bottom: 0;

With fixed positioning and top and bottom specified, the CSS height is unnecessary.

Additionally, the CSS height: 100% calculates the height from the body, which is more than the viewport height. Thus, the height of the element will extend beyond the viewport, 'below the fold".

The element --side-nav__items, included as a child element, has flex-grow set to 1, causing it to fill the entire height.

Any element included after the side nav items in the side nav are pushed to the bottom. They should be expected to show entirely within the viewport, yet since the bottom is below, they either are not shown or are chopped off.

This fixes this issue.

Note: This may or may not solve #5871. It is not intended as a full solution, but it does fix this styling issue which would prevent properly supporting such a feature.

Changelog

Removed

• style/--side-nav__navigation: height removed

Testing / Reviewing

• Tested visually

[netlify]

✅ Deploy Preview for carbon-components-react ready!

Name	Link
🔨 Latest commit	d07ae0a
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-components-react/deploys/63330d1364dc350008ba6dd6
😎 Deploy Preview	https://deploy-preview-12152--carbon-components-react.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[netlify]

✅ Deploy Preview for carbon-elements ready!

Name	Link
🔨 Latest commit	d07ae0a
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-elements/deploys/63330d137eb43d00082003bd
😎 Deploy Preview	https://deploy-preview-12152--carbon-elements.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[tw15egan]

LGTM, thanks for contributing another fix 👍 ✅