From 0a8d3c76f816188a776859b4de67df5a4798362c Mon Sep 17 00:00:00 2001
From: Thibault Cohen <titilambert@gmail.com>
Date: Tue, 30 Jun 2015 14:07:37 -0400
Subject: [PATCH] Fix filter input style in action bar

Change-Id: I159bc56b48bc3471b1ff7d27d5f5e2175ec7a442
---
 app/assets/sass/temporary.scss                | 28 +++++++++++++++++++
 app/components/table/actionbar/actionbar.html |  2 +-
 2 files changed, 29 insertions(+), 1 deletion(-)

diff --git a/app/assets/sass/temporary.scss b/app/assets/sass/temporary.scss
index 6491be9..1a7b0e9 100644
--- a/app/assets/sass/temporary.scss
+++ b/app/assets/sass/temporary.scss
@@ -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;
+    }
+}
diff --git a/app/components/table/actionbar/actionbar.html b/app/components/table/actionbar/actionbar.html
index 7a1a3f7..5a2f4c3 100644
--- a/app/components/table/actionbar/actionbar.html
+++ b/app/components/table/actionbar/actionbar.html
@@ -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"