From 743b2a60b332f74cfa55c92b341fa49dfe619870 Mon Sep 17 00:00:00 2001
From: Antonio Terceiro <terceiro@colivre.coop.br>
Date: Tue, 9 Aug 2011 16:37:47 -0700
Subject: [PATCH] Move "loading" icon from the button to the box

---
 app/views/cms/_text_editor_sidebar.rhtml | 2 +-
 public/javascripts/article.js            | 4 ++--
 public/stylesheets/application.css       | 3 ++-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/app/views/cms/_text_editor_sidebar.rhtml b/app/views/cms/_text_editor_sidebar.rhtml
index 9c80a44..afcac08 100644
--- a/app/views/cms/_text_editor_sidebar.rhtml
+++ b/app/views/cms/_text_editor_sidebar.rhtml
@@ -25,7 +25,7 @@
       <p><%= link_to(_('Upload more files ...'), '#', :id => 'media-upload-more-files')%></p>
     </div>
   </div>
-  <div class='text-editor-sidebar-box'>
+  <div id='media-search-box' class='text-editor-sidebar-box'>
     <p><strong>Media search</strong></p>
     <p>
     <% form_tag({ :action => 'search' }) do %>
diff --git a/public/javascripts/article.js b/public/javascripts/article.js
index 85ba0a1..16fa2da 100644
--- a/public/javascripts/article.js
+++ b/public/javascripts/article.js
@@ -41,13 +41,13 @@ jQuery(function($) {
   $('#media-search-button').click(function() {
     var query = '*' + $('#media-search-query').val() + '*';
     var $button = $(this);
-    $button.toggleClass('icon-loading');
+    $('#media-search-box').toggleClass('icon-loading');
     $.get($(this).parent().attr('action'), { 'q': query }, function(data) {
       insert_items(data, '#media-search-results ul');
       if (data.length && data.length > 0) {
         $('#media-search-results').slideDown();
       }
-      $button.toggleClass('icon-loading');
+    $('#media-search-box').toggleClass('icon-loading');
     });
     return false;
   });
diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css
index a9e49ee..318ca57 100644
--- a/public/stylesheets/application.css
+++ b/public/stylesheets/application.css
@@ -3397,7 +3397,8 @@ div.with_media_panel .formfield input {
   background-color: transparent;
   border: none;
 }
-.text-editor-sidebar #media-upload-box {
+.text-editor-sidebar #media-upload-box,
+.text-editor-sidebar #media-search-box {
   background-repeat: no-repeat;
   background-position: top right ;
 }
--
libgit2 0.21.2