changing the class for the ajax loading sidebar widget to separate it from the events

calendar ajax loading action

diff --git a/css/front.css b/css/front.css
index 50e9ea9..13e31c1 100644 (file)
--- a/css/front.css
+++ b/css/front.css
@@ -212,6 +212,26 @@ input[name='contact_fname'], input[name='contact_lname']{
     left: 39%;
     z-index: 999;
 }
+.loading{
+    display: none;
+    height: 13px;
+    width: 208px;
+    background: url('../assets/loader.gif');
+    position: absolute;
+    top:15%;
+    left: 39%;
+    z-index: 999;
+}
+.sidebar-loading{
+    display: none;
+    height: 13px;
+    width: 208px;
+    background: url('../assets/loader.gif');
+    position: absolute;
+    top:15%;
+    left: 13%;
+    z-index: 999;
+}
 #glm-event-detail-cost:before {
     content: "";
     background-image: url("../assets/cost-icon-24x24.png");

diff --git a/views/front/events/sidebarEvents.html b/views/front/events/sidebarEvents.html
index bea0848..502d2cb 100644 (file)
--- a/views/front/events/sidebarEvents.html
+++ b/views/front/events/sidebarEvents.html
@@ -3,7 +3,7 @@
     <div id="sidebar-date-select" class="sidebar-datepicker"></div>
     <div class="sidebar-events">
         <div class="sidebar-events-overlay">
-            <div class="loading"></div>
+            <div class="sidebar-loading"></div>
         </div>
     </div>
 <script>