Howto: overlay ion-spinner.spinner over i.icon

@mixofia wrote:

I used to be able to change ionicons to a loading icon using classes, but now that ion-spinner is the preferred method, I can't get things to line up properly (CSS problem)

the ion-spinner is too tall and won't overlay on top of the icon

//- the old way
<i class="icon" ng-class="isLoading ? 'ion-load-b ion-spin' : 'ion-pinpoint' "></i>

       // the ion-spinner way
        <ion-list>
          <ion-item>blah</ion-item>
          <ion-input class="item item-input">
            <i class="icon ion-location positive padding-right"></i>
            <input type="text" placeholder="Enter an Address to Set Location" ng-model="address" />
            <button class="button button-positive button-clear">
              <i class="icon ion-pinpoint positive" ng-show="true"></i>
              <ion-spinner icon="ios-small" ng-hide="!true"></ion-spinner>
            </button>
          </ion-input>
          <ion-item>blah</ion-item>
        </ion-list>

here's a codepen: http://codepen.io/anon/pen/ZQKJMy

Any ideas?

Posts: 1

Participants: 1

Read full topic