From fd29cdd4d0bd3582872d1feccfc5ad58b0a41636 Mon Sep 17 00:00:00 2001 From: Stas Vilchik Date: Sun, 2 Mar 2014 16:42:36 +0100 Subject: [PATCH] Add gif fallback for the spinner for IE9 --- .../main/webapp/WEB-INF/app/views/layouts/_head.html.erb | 3 ++- sonar-server/src/main/webapp/stylesheets/icons.css | 6 ++++++ sonar-server/src/main/webapp/stylesheets/icons.less | 9 +++++++++ 3 files changed, 17 insertions(+), 1 deletion(-) diff --git a/sonar-server/src/main/webapp/WEB-INF/app/views/layouts/_head.html.erb b/sonar-server/src/main/webapp/WEB-INF/app/views/layouts/_head.html.erb index c714effd0c3..82205d6970b 100644 --- a/sonar-server/src/main/webapp/WEB-INF/app/views/layouts/_head.html.erb +++ b/sonar-server/src/main/webapp/WEB-INF/app/views/layouts/_head.html.erb @@ -1,5 +1,6 @@ - + + diff --git a/sonar-server/src/main/webapp/stylesheets/icons.css b/sonar-server/src/main/webapp/stylesheets/icons.css index 381d0eee212..3176fd8391e 100644 --- a/sonar-server/src/main/webapp/stylesheets/icons.css +++ b/sonar-server/src/main/webapp/stylesheets/icons.css @@ -187,6 +187,12 @@ -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; diff --git a/sonar-server/src/main/webapp/stylesheets/icons.less b/sonar-server/src/main/webapp/stylesheets/icons.less index 8606d9b1b3a..d47295b7598 100644 --- a/sonar-server/src/main/webapp/stylesheets/icons.less +++ b/sonar-server/src/main/webapp/stylesheets/icons.less @@ -195,6 +195,15 @@ 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, -- 2.39.5