]> source.dussan.org Git - sonarqube.git/commitdiff
Add gif fallback for the spinner for IE9
authorStas Vilchik <vilchiks@gmail.com>
Sun, 2 Mar 2014 15:42:36 +0000 (16:42 +0100)
committerStas Vilchik <vilchiks@gmail.com>
Sun, 2 Mar 2014 15:42:36 +0000 (16:42 +0100)
sonar-server/src/main/webapp/WEB-INF/app/views/layouts/_head.html.erb
sonar-server/src/main/webapp/stylesheets/icons.css
sonar-server/src/main/webapp/stylesheets/icons.less

index c714effd0c3c15ecea731af1b38aacf0c8943f4c..82205d6970b3578ce027e1def69c13e23076443f 100644 (file)
@@ -1,5 +1,6 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
-<html>
+<!--[if IE 9 ]> <html class="ie9"> <![endif]-->
+<!--[if (gt IE 9)|!(IE)]><!--> <html class=""> <!--<![endif]-->
 <head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
   <meta name="gwt:property" content="locale=<%= I18n.locale.to_s.gsub(/-/, '_') -%>">
index 381d0eee2124b94f2cd4695c82416c3a1276b836..3176fd8391e5f2545d0dd4b7d63c02abbd242496 100644 (file)
   -webkit-animation: spin 0.75s infinite linear;
   animation: spin 0.75s infinite linear;
 }
+.ie9 .spinner {
+  background-image: url(../images/loading.gif);
+  background-repeat: no-repeat;
+  background-position: 0 0;
+  border: none;
+}
 .spinner:before,
 .spinner:after {
   left: -2px;
index 8606d9b1b3ac4f6d9baac92e629f2986bb5f3070..d47295b75989c06635d23a6fd01545dd3a7ef1bf 100644 (file)
   border: 2px solid #0cf;
   border-radius: 50%;
   .animation(spin 0.75s infinite linear);
+
+  // For IE9 only, because it does not support css animations
+  // Show animated gif
+  .ie9 & {
+    background-image: url(../images/loading.gif);
+    background-repeat: no-repeat;
+    background-position: 0 0;
+    border: none;
+  }
 }
 
 .spinner:before,