Ship internal tools in hours, not weeks. Real auth, users, jobs, audit logs, and cohesive UI included. Early access $249 $499 → [Get it now]

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.


Speed up your responsive apps and websites with fully-featured, ready-to-use open-source admin panel templates—free to use and built for efficiency.


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 loop inside React JSX
How to loop inside React JSX

How CoreUI Pro Next.js Boilerplate helps teams ship faster in production
How CoreUI Pro Next.js Boilerplate helps teams ship faster in production

How to convert a string to boolean in JavaScript
How to convert a string to boolean in JavaScript

How to change opacity on hover in CSS
How to change opacity on hover in CSS

Answers by CoreUI Core Team