From ff9d267c623de885c6a02f6ed4c6831084009a58 Mon Sep 17 00:00:00 2001
From: simonbrandhof <simon.brandhof@gmail.com>
Date: Thu, 29 Dec 2011 22:20:27 +0100
Subject: Improve the location of the icon 'loading' when using the search
 engine

---
 .../webapp/WEB-INF/app/views/layouts/_layout.html.erb    |   4 ++--
 sonar-server/src/main/webapp/images/loading-black.gif    | Bin 1849 -> 0 bytes
 sonar-server/src/main/webapp/images/loading-small.gif    | Bin 0 -> 1259 bytes
 sonar-server/src/main/webapp/javascripts/application.js  |   4 ++--
 sonar-server/src/main/webapp/stylesheets/style.css       |   9 +++++++--
 5 files changed, 11 insertions(+), 6 deletions(-)
 delete mode 100644 sonar-server/src/main/webapp/images/loading-black.gif
 create mode 100644 sonar-server/src/main/webapp/images/loading-small.gif

diff --git a/sonar-server/src/main/webapp/WEB-INF/app/views/layouts/_layout.html.erb b/sonar-server/src/main/webapp/WEB-INF/app/views/layouts/_layout.html.erb
index 6a83896baa1..5e99800c99e 100644
--- a/sonar-server/src/main/webapp/WEB-INF/app/views/layouts/_layout.html.erb
+++ b/sonar-server/src/main/webapp/WEB-INF/app/views/layouts/_layout.html.erb
@@ -7,8 +7,8 @@
     <%= render :partial => 'layouts/breadcrumb' %>
     <ol id="nav">
       <li>
-        <input type="text" size="15" name="search" id="searchResourcesInput" onFocus="autocompleteResources()" value="<%= message('search_verb') -%>"/>
-        <img src="<%= ApplicationController.root_context -%>/images/loading-black.gif" id="searchingResources" style="display: none">
+        <input type="text" size="15" name="search" id="searchInput" onFocus="autocompleteResources()" value="<%= message('search_verb') -%>"/>
+        <img src="<%= ApplicationController.root_context -%>/images/loading-small.gif" id="searchingResources" style="display:none">
       </li>
       <li>
         <a href="javascript:window.print()"><img src="<%= ApplicationController.root_context -%>/images/print.gif" alt="<%= message('layout.print') -%>" title="<%= message('layout.print') -%>"/></a>
diff --git a/sonar-server/src/main/webapp/images/loading-black.gif b/sonar-server/src/main/webapp/images/loading-black.gif
deleted file mode 100644
index 27df81f46d9..00000000000
Binary files a/sonar-server/src/main/webapp/images/loading-black.gif and /dev/null differ
diff --git a/sonar-server/src/main/webapp/images/loading-small.gif b/sonar-server/src/main/webapp/images/loading-small.gif
new file mode 100644
index 00000000000..833225bfbee
Binary files /dev/null and b/sonar-server/src/main/webapp/images/loading-small.gif differ
diff --git a/sonar-server/src/main/webapp/javascripts/application.js b/sonar-server/src/main/webapp/javascripts/application.js
index 973b49254b7..b7a40fd9ee0 100644
--- a/sonar-server/src/main/webapp/javascripts/application.js
+++ b/sonar-server/src/main/webapp/javascripts/application.js
@@ -13,8 +13,8 @@ function info(message) {
 }
 
 function autocompleteResources() {
-  $('searchResourcesInput').value = '';
-  new Ajax.Autocompleter('searchResourcesInput', 'searchResourcesResults', baseUrl + '/search', {
+  $('searchInput').value = '';
+  new Ajax.Autocompleter('searchInput', 'searchResourcesResults', baseUrl + '/search', {
     method:'post',
     minChars:3,
     indicator:'searchingResources',
diff --git a/sonar-server/src/main/webapp/stylesheets/style.css b/sonar-server/src/main/webapp/stylesheets/style.css
index e7f98ec9a23..4bc8b09f896 100644
--- a/sonar-server/src/main/webapp/stylesheets/style.css
+++ b/sonar-server/src/main/webapp/stylesheets/style.css
@@ -1269,9 +1269,14 @@ div.progress div.note {
 }
 
 /* SEARCH AUTOCOMPLETE FIELDS */
-#searchResourcesInput {
+#searchInput {
   color: #777;
-  font-size: 93%;
+  padding-right: 20px;
+}
+#searchingResources {
+  position: absolute;
+  top: 8px;
+  right: 18px;
 }
 
 div.autocomplete {
-- 
cgit v1.2.3