diff --git a/public/css/icinga/menu.less b/public/css/icinga/menu.less index 944461cd2..a3ca7e282 100644 --- a/public/css/icinga/menu.less +++ b/public/css/icinga/menu.less @@ -12,6 +12,7 @@ #menu { height: 100%; overflow: auto; + position: relative; } #menu a { @@ -84,10 +85,6 @@ width: 1em; } -#menu .user-nav-item { - background-color: @gray-light; -} - #menu input.search { background: transparent url('../img/icons/search.png') no-repeat 0.7em center; background-size: 1em auto; @@ -166,6 +163,54 @@ } } +// Exception for admin navigation menu + +#menu .nav-level-1 .user-nav-item, +#menu .nav-level-1 .user-nav-item.hover, +#menu .nav-level-1 .user-nav-item.active { + position: absolute; + bottom: 0; left: 0; right: 0; + border-left: none; + padding-left: 5px; + + > .nav-level-2 { + position: absolute; + right: 0; + top: 0; + } + + > .nav-level-2 li { + width: 2em; + overflow: hidden; + display: inline-block; + white-space: nowrap; + font-size: 1.091em; + } + + > .nav-level-2 li.no-icon { + margin-left: 0; + } + + > .nav-level-2 li a { + padding: @vertical-padding; + } + + > .nav-level-2 li a:before { + font-size: 14px; + font-family: 'ifont'; + margin-right: 100px; + width: 1.5em; + } + + > .nav-level-2 li:first-child a:before { + content: '\e83d'; + } + + > .nav-level-2 li:last-child a:before { + content: '\e815'; + } +} + // Accessibility skip links .skip-links {