Fix filter input style in action bar

Change-Id: I159bc56b48bc3471b1ff7d27d5f5e2175ec7a442
This commit is contained in:
Thibault Cohen 2015-06-30 14:07:37 -04:00 committed by aviau
parent fbb0752518
commit 0a8d3c76f8
2 changed files with 29 additions and 1 deletions

View File

@ -291,3 +291,31 @@ div.ui-pnotify {
padding-top: 10px;
text-align: right;
}
// Action bar
input#filter__search {
border: none;
width: 100%;
padding: 0.8em;
margin: 10px 0px 0px 15px;
outline: 0;
.color-scheme--dark & {
background-color:$_color_dark_gamma;
color:$_color_omega;
}
.color-scheme--light & {
background-color:$_color_light_gamma;
color:$_color_dark_alpha;
}
input#filter__search::-webkit-input-placeholder {
font-style: italic;
}
input#filter__search::-ms-input-placeholder {
font-style: italic;
}
input#filter__searchield::-moz-placeholder {
font-style: italic;
}
}

View File

@ -61,7 +61,7 @@
</div>
</li>
<li class="filters__item clearfix">
<input id=filter__search" type="search" ng-model="actionbarFilters.searchFilter"/>{{ actionbarFilters.searchFilter }}
<input id="filter__search" type="search" placeholder="Filter hosts, services, ..." ng-model="actionbarFilters.searchFilter"/>
</li>
<li class="filters__item filters__item--settings">
<button class="filters__button"