[src/scss]: Improve heading style for sidebar

dfsmania · dfsmania · commit 6bf2e9a362e0 · 2025-07-25T18:41:56.000-03:00
diff --git 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 {

Original file line number	Diff line number	Diff line change
`@@ -140,7 +140,10 @@`
`140`	`140`
`141`	`141`	`// Section Heading`
`142`	`142`	`.nav-header {`
	`143`	`+ display: inline;`
	`144`	`+ overflow: hidden;`
`143`	`145`	`color: var(--#{$lte-prefix}sidebar-header-color);`
	`146`	`+ text-overflow: ellipsis;`
`144`	`147`	`background-color: inherit;`
`145`	`148`	`}`
`146`	`149`
`@@ -225,8 +228,11 @@`
`225`	`228`	`}`
`226`	`229`
`227`	`230`	`.nav-header {`
	`231`	`+ position: relative;`
	`232`	`+ width: 100%;`
`228`	`233`	`padding: $nav-link-padding-y ($nav-link-padding-y * 1.5);`
`229`	`234`	`font-size: .9rem;`
	`235`	`+ @include transition(width $lte-transition-fn $lte-transition-speed);`
`230`	`236`	`}`
`231`	`237`
`232`	`238`	`// Tree view menu`
`@@ -402,7 +408,7 @@`
`402`	`408`	`max-width: var(--#{$lte-prefix}sidebar-width);`
`403`	`409`
`404`	`410`	`.sidebar-menu .nav-header {`
`405`		`- display: inline-block;`
	`411`	`+ display: inline;`
`406`	`412`	`}`
`407`	`413`
`408`	`414`	`.sidebar-menu .nav-link {`