Fix spinner mixin for IE8 and IE9

Fixes indeterminate ProgressBar style as well (using the spinner mixin).

Change-Id: I35729e465e2249515fc4668167b1d18aa3783a97

diff --git a/WebContent/VAADIN/themes/valo/components/_progressbar.scss b/WebContent/VAADIN/themes/valo/components/_progressbar.scss
index 2c7e9925e7c522a90d0c5e88b994d32861c36d4f..c7f7f72514888880c616e0b1ad50a52d8ee9a7b6 100644 (file)
--- a/WebContent/VAADIN/themes/valo/components/_progressbar.scss
+++ b/WebContent/VAADIN/themes/valo/components/_progressbar.scss
@@ -33,6 +33,14 @@ $v-progressbar-border-radius: $v-border-radius !default;
     }
   }
 
+  .#{$primary-stylename}-indeterminate {
+    @include valo-spinner;
+    
+    .#{$primary-stylename}-wrapper {
+      display: none;
+    }
+  }
+
 }
 
 

diff --git a/WebContent/VAADIN/themes/valo/shared/_loading-indicator.scss b/WebContent/VAADIN/themes/valo/shared/_loading-indicator.scss
index 88963d5950240cea1ddce2eb73bf100377fcf398..03bfe301eac1400cef23f53296b3d4bf2e2e738b 100644 (file)
--- a/WebContent/VAADIN/themes/valo/shared/_loading-indicator.scss
+++ b/WebContent/VAADIN/themes/valo/shared/_loading-indicator.scss
@@ -27,6 +27,21 @@
   border-radius: 100%;
   @include animation(v-rotate-360 $speed infinite linear);
   pointer-events: none;
+
+  // No CSS animation in IE8 and IE9
+  .v-ie8 &,
+  .v-ie9 & {
+    border: none;
+    border-radius: $v-border-radius;
+    background: #fff url($valo-shared-pathPrefix + "img/spinner.gif") no-repeat 50% 50%;
+    background-size: 80%;
+  }
+
+  // No background-size for IE8
+  .v-ie8 & {
+    min-width: 30px;
+    min-height: 30px;
+  }
 }