From 9a08cfb5b5db30bf12ac25d519ace5679a36bade Mon Sep 17 00:00:00 2001
From: Stefan Niedermann <stefan.niedermann@googlemail.com>
Date: Thu, 15 Dec 2016 10:41:08 +0100
Subject: [PATCH] Fix #130 Use loading spinner from core

---
 css/style.css      | 49 +---------------------------------------------
 templates/main.php |  4 ++--
 2 files changed, 3 insertions(+), 50 deletions(-)

diff --git a/css/style.css b/css/style.css
index 1d61ff3..cf4f185 100644
--- a/css/style.css
+++ b/css/style.css
@@ -216,27 +216,7 @@ label {
 	font-weight: bold;
 }
 
-.loader,
-.loader:before,
-.loader:after {
-	background: #646464;
-	-webkit-animation: load1 1s infinite ease-in-out;
-	animation: load1 1s infinite ease-in-out;
-	width: 1em;
-	height: 4em;
-}
-.loader:before,
-.loader:after {
-	position: absolute;
-	top: 0;
-	content: '';
-}
-.loader:before {
-	left: -1.5em;
-	-webkit-animation-delay: -0.32s;
-	animation-delay: -0.32s;
-}
-.loader {
+.icon-loading {
 	color: #646464;
 	text-indent: -9999em;
 	margin: 88px auto;
@@ -248,30 +228,3 @@ label {
 	-webkit-animation-delay: -0.16s;
 	animation-delay: -0.16s;
 }
-.loader:after {
-	left: 1.5em;
-}
-@-webkit-keyframes load1 {
-	0%,
-	80%,
-	100% {
-		box-shadow: 0 0;
-		height: 4em;
-	}
-	40% {
-		box-shadow: 0 -2em;
-		height: 5em;
-	}
-}
-@keyframes load1 {
-	0%,
-	80%,
-	100% {
-		box-shadow: 0 0;
-		height: 4em;
-	}
-	40% {
-		box-shadow: 0 -2em;
-		height: 5em;
-	}
-}
diff --git a/templates/main.php b/templates/main.php
index 05773a0..9fb4950 100644
--- a/templates/main.php
+++ b/templates/main.php
@@ -8,7 +8,7 @@ use \OCA\OcSms\Lib\CountryCodes;
 
 <div class="ng-scope" id="app" ng-app="OcSms" ng-controller="OcSmsController">
 	<div id="app-mailbox-peers">
-		<div id="app-contacts-loader" class="loader" ng-show="isContactsLoading">
+		<div id="app-contacts-loader" class="icon-loading" ng-show="isContactsLoading">
 		</div>
 		<ul class="contact-list" ng-show="!isContactsLoading">
 			<li ng-repeat="contact in contacts | orderBy:setting_contactOrder:setting_contactOrderReverse" peer-label="{{ contact.label }}" ng-click="loadConversation(contact);" href="#">
@@ -58,7 +58,7 @@ use \OCA\OcSms\Lib\CountryCodes;
 	</div>
 
 	<div id="app-content">
-		<div id="app-content-loader" class="loader" ng-show="isConvLoading">
+		<div id="app-content-loader" class="icon-loading" ng-show="isConvLoading">
 		</div>
 		<div id="app-content-header" ng-show="!isConvLoading && selectedContact.label !== undefined && selectedContact.label !== ''"
 			 ng-style="{'background-color': (selectedContact.label | peerColor)}">