Button fade on navigation back buttons

1

Hi there,

If you use the code like below,

<div class="bar bar-header bar-calm">
  <button class="button button-icon ion-ios7-minus-outline" ng-click="resetZoom()"></button>
  <div class="h1 title">A great title</div>
</div>

When you tap on the minus-outline button you get a nice touch affect as the button fades away its opacity a bit. I’m wondering however that when you use this code,

<div ng-controller="AppCtrl">       
   <ion-nav-bar class="bar-positive nav-title-slide-ios7">
      <ion-nav-back-button class="button-icon button-clear ion-ios7-arrow-back">
        Back
      </ion-nav-back-button>
   </ion-nav-bar>
   <ion-nav-view class="slide-left-right"></ion-nav-view>
</div>

Why the back button doesn’t have the same fade effect.

Thanks.

1 Like