Fixed #291 - custom refresher content

dist/css/ionic.css

@@ -2,7 +2,7 @@
  * Copyright 2013 Drifty Co.
  * http://drifty.com/
  *
- * Ionic, v0.9.14
+ * Ionic, v{{ VERSION }}
  * A powerful HTML5 mobile app framework.
  * http://ionicframework.com/
  *
@@ -2613,10 +2613,13 @@ body, .ionic-body {
     animation-duration: 1.5s; }
 
 .scroll-refresher-content {
-  position: relative;
+  position: absolute;
+  left: 0;
+  bottom: 15px;
   width: 100%;
-  height: 100%;
-  text-align: center; }
+  text-align: center;
+  font-size: 30px;
+  color: #666666; }
 
 .ionic-refresher-content {
   position: absolute;

dist/js/ionic-angular.js

@@ -775,12 +775,12 @@ angular.module('ionic.ui.content', [])
   };
 })
 
-.directive('scroll-refresher', function() {
+.directive('scrollRefresher', function() {
   return {
     restrict: 'E',
     replace: true,
     transclude: true,
-    template: '<div class="scroll-refresher"><div class="scroll-refresher-content"></div></div>'
+    template: '<div class="scroll-refresher"><div class="scroll-refresher-content" ng-transclude></div></div>'
   };
 });
 

js/ext/angular/src/directive/ionicContent.js

@@ -151,12 +151,12 @@ angular.module('ionic.ui.content', [])
   };
 })
 
-.directive('scroll-refresher', function() {
+.directive('scrollRefresher', function() {
   return {
     restrict: 'E',
     replace: true,
     transclude: true,
-    template: '<div class="scroll-refresher"><div class="scroll-refresher-content"></div></div>'
+    template: '<div class="scroll-refresher"><div class="scroll-refresher-content" ng-transclude></div></div>'
   };
 });
 

js/ext/angular/test/content.html

@@ -66,7 +66,9 @@
         has-tabs="true"
         has-header="true"
         >
-        <refresher></refresher>
+        <scroll-refresher>
+          <i class="icon ion-loading-c"></i>
+        </scroll-refresher>
         <ul class="list" ng-controller="AppCtrl">
           <li class="list-item" ng-repeat="item in items">asdf{{$index}}</li>
         </ul>

scss/_scaffolding.scss

@@ -117,10 +117,14 @@ body, .ionic-body {
 }
 
 .scroll-refresher-content {
-  position: relative;
+  position: absolute;
+  left: 0;
+  bottom: 15px;
   width: 100%;
-  height: 100%;
   text-align: center;
+
+  font-size: 30px;
+  color: $scroll-refresh-icon-color;
 }
 
 .ionic-refresher-content {