fix(ui): unify loading animations in layer item

RAMP-PCAR · Apr 22, 2015 · 7cc87a2 · 7cc87a2
1 parent 597ccfe
commit 7cc87a2
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 12 deletions.
diff --git a/src/css/side-panel/base.less b/src/css/side-panel/base.less
@@ -351,7 +351,6 @@
 }
 
 .block-control-group() {
-    .inline-control-group;
     display: block;
     overflow: hidden;
     margin-right: 75px;

diff --git a/src/css/side-panel/categories.less b/src/css/side-panel/categories.less
@@ -399,6 +399,10 @@
                 opacity: 0.5;
             }
             //background-color: @very-light-grey-color !important;
+
+            .loading-simple {
+                margin-left: 2px;
+            }
         }
 
         &.layer-state-updating {

diff --git a/src/js/RAMP/Modules/templates/layer_selector_template.json b/src/js/RAMP/Modules/templates/layer_selector_template.json
@@ -210,17 +210,13 @@
     "layer_control_settings": "{% include('layer_control_generic', o); %}",
 
     "layer_control_loading": "
-        <div class='sk-spinner sk-spinner-wave-10' role='progressbar' aria-describedby='{%= o.id %}'>
-          <div class='sk-rect1'></div>
-          <div class='sk-rect2'></div>
-          <div class='sk-rect3'></div>
-          <div class='sk-rect4'></div>
-          <div class='sk-rect5'></div>
-          <div class='sk-rect6'></div>
-          <div class='sk-rect7'></div>
-          <div class='sk-rect8'></div>
-          <div class='sk-rect9'></div>
-          <div class='sk-rect10'></div>
+        <div class='loading-simple small'>
+            <span>{%= i18n.t('map.loadingTitle') %}</span>    
+            <ul role='presentation'>
+                <li></li>
+                <li></li>
+                <li></li>
+            </ul>
         </div>
     ",