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 Redirect to a New URL Using JavaScript Redirect Techniques
How to Redirect to a New URL Using JavaScript Redirect Techniques

How to Achieve Perfectly Rounded Corners in CSS
How to Achieve Perfectly Rounded Corners in CSS

How to Add a Tab in HTML
How to Add a Tab in HTML

How to Open Link in a New Tab in HTML?
How to Open Link in a New Tab in HTML?

How to Clone an Object in JavaScript
How to Clone an Object in JavaScript

How to Fix “Sass @import Rules Are Deprecated and Will Be Removed in Dart Sass 3.0.0.”
How to Fix “Sass @import Rules Are Deprecated and Will Be Removed in Dart Sass 3.0.0.”