CoreUI v5.0.0-beta.1

CoreUI v5.0.0-beta.1

In the latest update, we’ve enhanced sidebar functionality and addressed specific styling issues to improve the user interface and experience. This includes making .sidebar-overlaid hidden by default to streamline appearance, forcefully hiding the sidebar in narrow mode with !important, adjusting padding values for better usability in compact and narrow modes, and updating the z-index for .sidebar-overlaid to ensure proper layering. Our refinements focus on ensuring consistent behavior and a more intuitive navigation layout.

Refactor

  • (Sidebar): make .sidebar-overlaid hidden as default
  • (Sidebar): add !important to force hiding element when the sidebar is in narrow mode.

Fix

  • (Sidebar): set proper value for $sidebar-compact-nav-link-padding-y and $sidebar-narrow-nav-link-padding-x
  • (Sidebar): add proper z-index to .sidebar-overlaid

For a comprehensive list of changes in this update, visit the full changelog on GitHub

Subscribe to our newsletter
Get early information about new products, product updates and blog posts.
How to set focus on an input field after rendering in React
How to set focus on an input field after rendering in React

Passing props to child components in React function components
Passing props to child components in React function components

How to loop inside React JSX
How to loop inside React JSX

How to validate an email address in JavaScript
How to validate an email address in JavaScript

What is the difference between typeof and instanceof in JavaScript
What is the difference between typeof and instanceof in JavaScript

How to conditionally add attributes to React components
How to conditionally add attributes to React components