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.
Javascript Random - How to Generate a Random Number in JavaScript?
Javascript Random - How to Generate a Random Number in JavaScript?

How to capitalize the first letter in JavaScript?
How to capitalize the first letter in JavaScript?

How to concatenate a strings in JavaScript?
How to concatenate a strings in JavaScript?

How to sleep in Javascript
How to sleep in Javascript

How to migrate CoreUI React Templates to Vite
How to migrate CoreUI React Templates to Vite

What is JavaScript Array.pop() Method?
What is JavaScript Array.pop() Method?