css: Center icons in collapsed menu with and without a scrollbar

nilmerg · nilmerg · commit 9a9113bd2b88 · 2025-05-12T13:57:04.000+02:00
diff --git a/public/css/icinga/layout.less b/public/css/icinga/layout.less
@@ -303,7 +303,7 @@
 
         > .badge {
           position: absolute;
-          right: .5em;
+          right: 1em;
           bottom: .25em;
           font-size: 75%;
           overflow: hidden;
diff --git a/public/css/icinga/menu.less b/public/css/icinga/menu.less
@@ -16,6 +16,7 @@
   flex: 1;
   overflow: auto;
   overflow-x: hidden;
+  scrollbar-width: thin;
 }
 
 #menu .nav-item {
@@ -98,7 +99,7 @@
 }
 
 #layout:not(.minimal-layout).sidebar-collapsed #menu .nav-level-1 > .nav-item > a {
-  padding: ~"calc((@{nav-item-height} - 2em) / 2) .5em .5em .5em";
+  padding: ~"calc((@{nav-item-height} - 2em) / 2) .5em .5em .75em";
 }
 
 #menu ul:not(.nav-level-2) > .selected > a {

Original file line number	Diff line number	Diff line change
`@@ -16,6 +16,7 @@`
`16`	`16`	`flex: 1;`
`17`	`17`	`overflow: auto;`
`18`	`18`	`overflow-x: hidden;`
	`19`	`+ scrollbar-width: thin;`
`19`	`20`	`}`
`20`	`21`
`21`	`22`	`#menu .nav-item {`
`@@ -98,7 +99,7 @@`
`98`	`99`	`}`
`99`	`100`
`100`	`101`	`#layout:not(.minimal-layout).sidebar-collapsed #menu .nav-level-1 > .nav-item > a {`
`101`		`- padding: ~"calc((@{nav-item-height} - 2em) / 2) .5em .5em .5em";`
	`102`	`+ padding: ~"calc((@{nav-item-height} - 2em) / 2) .5em .5em .75em";`
`102`	`103`	`}`
`103`	`104`
`104`	`105`	`#menu ul:not(.nav-level-2) > .selected > a {`