Show spinner using delayed css animation in sidebar loader

[rails.git] / app / views / changesets / index.html.erb

diff --git a/app/views/changesets/index.html.erb b/app/views/changesets/index.html.erb
index 527a0a23280839ee129c2769de87dd59054d1315..fc5f7cbbc85bfaeb57c78d71a383aea88d73125d 100644 (file)
--- a/app/views/changesets/index.html.erb
+++ b/app/views/changesets/index.html.erb
@@ -3,15 +3,19 @@
     <%= render @changesets %>
   </ol>
 <% if @changesets.size == 20 -%>
     <%= render @changesets %>
   </ol>
 <% if @changesets.size == 20 -%>

-  <div class="changeset_more">
-    <%= link_to t(".load_more"), url_for(@params.merge(:max_id => @changesets.last.id - 1)), :class => "button load_more" %>
-    <div class="loader"><%= image_tag "searching.gif" %></div>
+  <div class="changeset_more mt-3 text-center">
+    <%= link_to t(".load_more"), url_for(@params.merge(:max_id => @changesets.last.id - 1)), :class => "btn btn-primary" %>
+    <div class="text-center loader">
+      <div class="spinner-border" role="status">
+        <span class="visually-hidden"><%= t("browse.start_rjs.loading") %></span>
+      </div>
+    </div>

   </div>
 <% end -%>
 <% elsif params[:bbox] %>
   </div>
 <% end -%>
 <% elsif params[:bbox] %>

-  <div class="inner22"><%= t(params[:max_id] ? ".no_more_area" : ".empty_area") %></div>
+  <p class="mx-3"><%= params[:max_id] ? t(".no_more_area") : t(".empty_area") %></p>

 <% elsif params[:display_name] %>
 <% elsif params[:display_name] %>

-  <div class="inner22"><%= t(params[:max_id] ? ".no_more_user" : ".empty_user") %></div>
+  <p class="mx-3"><%= params[:max_id] ? t(".no_more_user") : t(".empty_user") %></p>

 <% else %>
 <% else %>

-  <div class="inner22"><%= t(params[:max_id] ? ".no_more" : ".empty") %></div>
+  <p class="mx-3"><%= params[:max_id] ? t(".no_more") : t(".empty") %></p>

 <% end %>
 <% end %>