From e6bc3e7cfb919aad2af05168afa594cecbb7c284 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= <xavier.julian@kaleidos.net>
Date: Wed, 24 Sep 2014 16:08:37 +0200
Subject: [PATCH] Added spinner with logo style

---
 app/partials/views/components/spinner.jade |  9 ++---
 app/styles/components/loader.scss          |  8 -----
 app/styles/components/spinner.scss         | 40 ----------------------
 3 files changed, 2 insertions(+), 55 deletions(-)

diff --git a/app/partials/views/components/spinner.jade b/app/partials/views/components/spinner.jade
index 5b60581b..e8959845 100644
--- a/app/partials/views/components/spinner.jade
+++ b/app/partials/views/components/spinner.jade
@@ -1,7 +1,2 @@
-.spinner
-    span.icon.icon-backlog
-    span.icon.icon-kanban
-    span.icon.icon-iocaine
-    span.icon.icon-floppy
-    span.icon.icon-settings
-    span.icon.icon-wiki
+object.logo-svg(type="image/svg+xml", data="/svg/spinner.svg")
+    img(src="/svg/logo.svg", alt="TAIGA")
diff --git a/app/styles/components/loader.scss b/app/styles/components/loader.scss
index 47bb9e19..fa4973f3 100644
--- a/app/styles/components/loader.scss
+++ b/app/styles/components/loader.scss
@@ -17,14 +17,6 @@
         position: relative;
         width: 150px;
     }
-    .spinner {
-        background-color: $white;
-        box-shadow: 1px 1px 10px rgba($whitish, .9);
-        .icon {
-            color: $gray-light;
-            text-shadow: 1px 1px 3px $whitish, 0 0 0 $grayer, 1px 1px 3px $whitish;
-        }
-    }
     p {
         @extend %large;
         color: $gray-light;
diff --git a/app/styles/components/spinner.scss b/app/styles/components/spinner.scss
index 50a6ce6d..8b137891 100644
--- a/app/styles/components/spinner.scss
+++ b/app/styles/components/spinner.scss
@@ -1,41 +1 @@
-.spinner {
-    background: rgba($green-taiga, .9);
-    border-radius: 4%;
-    box-shadow: 1px 1px 10px rgba($fresh-taiga, .9);
-    height: 8rem;
-    margin: 0 auto;
-    padding: 1.5rem;
-    position: relative;
-    width: 7rem;
-    .icon {
-        @include animation(fadeIn 6s linear);
-        @extend %xxlarge;
-        @include animation-iteration-count(infinite);
-        border-radius: 5%;
-        color: darken($green-taiga, 15%);
-        font-size: 60px;
-        height: 80%;
-        left: 24%;
-        margin: auto;
-        opacity: 0;
-        position: absolute;
-        text-shadow: 1px 1px 3px $green-taiga, 0 0 0 $black, 1px 1px 3px darken($green-taiga, 15%);
-        top: 24%;
-    }
 
-    .icon-kanban {
-        @include animation-delay(1s);
-    }
-    .icon-settings {
-        @include animation-delay(2s);
-    }
-    .icon-iocaine {
-        @include animation-delay(3s);
-    }
-    .icon-floppy {
-        @include animation-delay(4s);
-    }
-    .icon-wiki {
-        @include animation-delay(5s);
-    }
-}