CSS: Color the search icon when focused

2015-11-23 11:37:37 +01:00 · 2015-11-23 11:37:37 +01:00 · 93428f682e
parent ff500f4a0f
commit 93428f682e
1 changed files with 2 additions and 1 deletions
--- a/public/css/icinga/forms.less
+++ b/public/css/icinga/forms.less
@ -38,12 +38,13 @@ input[placeholder] {
 }

 input.search {
-  padding-left: 20px;
  background: transparent url('../img/icons/search.png') no-repeat 2px;
  background-size: 12px 12px;
+  padding-left: 20px;

  &:focus {
    background-color: @body-bg-color;
+    background-image: url('../img/icons/search_icinga_blue.png') !important;
  }
 }