From 6bf2e9a362e0a80d6bf127ea3d245f7ba737f034 Mon Sep 17 00:00:00 2001
From: Diego Smania <diego.smania@gmail.com>
Date: Fri, 25 Jul 2025 18:41:56 -0300
Subject: [PATCH] [src/scss]: Improve heading style for sidebar

---
 src/scss/_app-sidebar.scss | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/scss/_app-sidebar.scss b/src/scss/_app-sidebar.scss
index 1e424fe118..4420bd0e55 100644
--- a/src/scss/_app-sidebar.scss
+++ b/src/scss/_app-sidebar.scss
@@ -140,7 +140,10 @@
 
   // Section Heading
   .nav-header {
+    display: inline;
+    overflow: hidden;
     color: var(--#{$lte-prefix}sidebar-header-color);
+    text-overflow: ellipsis;
     background-color: inherit;
   }
 
@@ -225,8 +228,11 @@
   }
 
   .nav-header {
+    position: relative;
+    width: 100%;
     padding: $nav-link-padding-y ($nav-link-padding-y * 1.5);
     font-size: .9rem;
+    @include transition(width $lte-transition-fn $lte-transition-speed);
   }
 
   // Tree view menu
@@ -402,7 +408,7 @@
     max-width: var(--#{$lte-prefix}sidebar-width);
 
     .sidebar-menu .nav-header {
-      display: inline-block;
+      display: inline;
     }
 
     .sidebar-menu .nav-link {