tyler.durden
/
icingaweb2
mirror of https://github.com/Icinga/icingaweb2.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Menu: Increase icon width 

Else "bigger" icons like cubes would have no right margin.
This commit is contained in:
Eric Lippmann 2016-01-11 11:41:43 +01:00
parent 3e543808c1
commit 72baf9b022
1 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
public/css/icinga/menu.less
View File

@ -1,6 +1,13 @@
/*! Icinga Web 2 | (c) 2013-2015 Icinga Development Team | GPLv2+ */ /*! 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 { #menu {
height: 100%; height: 100%;
@ -8,10 +15,6 @@
} }
#menu a { #menu a {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
&:focus { &:focus {
color: @icinga-blue; color: @icinga-blue;
outline-offset: -0.25em; outline-offset: -0.25em;
@ -86,12 +89,12 @@
} }
#menu input.search { #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; background-size: 1em auto;
border: none; border: none;
border-left: 5px solid transparent; border-left: 5px solid transparent;
line-height: 2.167em; line-height: 2.167em;
padding-left: @icon-width + @horizontal-padding; padding-left: @icon-width + 0.5em;
width: 100%; width: 100%;
&.active { &.active {