Become a sponsor and support the development of the CoreUI open-source projects.

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 Center a Button in CSS
How to Center a Button in CSS

How to Hide Scrollbar with CSS
How to Hide Scrollbar with CSS

How to Use JavaScript setTimeout()
How to Use JavaScript setTimeout()

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?