Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
Menu: Increase icon width
Else "bigger" icons like cubes would have no right margin.
  • Loading branch information
lippserd committed Jan 12, 2016
1 parent 3e54380 commit 72baf9b
Showing 1 changed file with 10 additions and 7 deletions.
17 changes: 10 additions & 7 deletions public/css/icinga/menu.less
@@ -1,17 +1,20 @@
/*! Icinga Web 2 | (c) 2013-2015 Icinga Development Team | GPLv2+ */

@icon-width: 1.2em; // 1em width + 0.2em right margin
#menu [class^="icon-"],
#menu [class*=" icon-"] {
&:before {
width: 1.5em;
}
}

@icon-width: 1.7em; // 1.5em width + 0.2em right margin

#menu {
height: 100%;
overflow: auto;
}

#menu a {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

&:focus {
color: @icinga-blue;
outline-offset: -0.25em;
Expand Down Expand Up @@ -86,12 +89,12 @@
}

#menu input.search {
background: transparent url('../img/icons/search.png') no-repeat @horizontal-padding center;
background: transparent url('../img/icons/search.png') no-repeat 0.7em center;
background-size: 1em auto;
border: none;
border-left: 5px solid transparent;
line-height: 2.167em;
padding-left: @icon-width + @horizontal-padding;
padding-left: @icon-width + 0.5em;
width: 100%;

&.active {
Expand Down

0 comments on commit 72baf9b

Please sign in to comment.