CSS: Fix menu padding and search position

refs #5543
This commit is contained in:
Eric Lippmann 2015-11-12 10:09:57 +01:00
parent 45cc5eb238
commit 514f84f839

View File

@ -9,7 +9,6 @@
#menu a { #menu a {
overflow: hidden; overflow: hidden;
padding: @vertical-padding / 2 @horizontal-padding;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
@ -31,6 +30,7 @@
#menu .nav-level-1 > .nav-item { #menu .nav-level-1 > .nav-item {
border-left: 5px solid transparent; border-left: 5px solid transparent;
line-height: 2.167em; // 26 px line-height: 2.167em; // 26 px
padding: @vertical-padding / 2 @horizontal-padding;
&.active { &.active {
> a > .badge { > a > .badge {
@ -60,6 +60,7 @@
display: none; display: none;
line-height: 1.833em; // 22px line-height: 1.833em; // 22px
margin-left: @icon-width; margin-left: @icon-width;
padding: @vertical-padding / 2 0;
> a { > a {
font-size: @font-size-small; font-size: @font-size-small;
@ -82,16 +83,17 @@
} }
#menu input.search { #menu input.search {
background: transparent url('../img/icons/search.png') no-repeat @horizontal-padding + 0.2em center; background: transparent url('../img/icons/search.png') no-repeat @horizontal-padding center;
background-size: 1em auto; background-size: 1em auto;
border: none; border: none;
border-left: 5px solid transparent;
line-height: 2.167em; line-height: 2.167em;
padding-left: @icon-width + @horizontal-padding; padding-left: @icon-width + @horizontal-padding;
width: 100%; width: 100%;
&.active { &.active {
background-color: @body-bg-color; background-color: @body-bg-color;
border-left: 5px solid @icinga-blue; border-color: @icinga-blue;
} }
} }