css - Ionic odd behaviour with state transitions inside drawer side menu content area -


i'm designing application mobile phones using cordova. i've made progress can transition between state state inside side menu content while still having drawer working. way have interface designed have side drawer , header bar loaded once , side menu content area of state transitions. not content display below header bar padded down. issue when push things down state transition animation pads also, oddly tested menu-close directive in tag, seems padded area holding previous state of side menu content. prefer not use use menu-close don't reset history stack on states.

<ion-side-menus  animation="no-animation" enable-menu-with-back-views ="true" > <!--ion side menu content houses content main page--> <ion-side-menu-content style="padding-top:45px">   <div menu-close style="padding-top:59px" > <ion-nav-view > --here </ion-nav-view>     </div>    <ion-header-bar class ="bar-balanced">  <div class ="buttons">      <button class ="button icon button-clear ion-navicon-round" ng-click="opendrawer()"></button>     </div>     <h1 class="title" style="text-align: center">medroid</h1>     <div class="buttons widget-container content-area horiz-area  wrapping-col" >      <button class ="button" ng-click="openpopover($event)" ng-controller = "notificationpopoverctrl">         <i class ="icon button-dark ion-ios-bell"></i></button>         <button class ="button" ng-click="openpopover($event)" ng-controller ="inboxpopoverctrl"><i class ="icon button-dark ion-email"></i> </button>           <button class ="button" ng-click="changestatus()"><i class     ="icon ion-ios-circle-filled {{statuscolor}}"></i>{{docstatus}}</button>      </div> </ion-header-bar> </ion-side-menu-content> <!--ion side menu drawer content--> <ion-side-menu side ="left"> <ion-header-bar class ="bar-positive"> <h1 class="title" style="text-align: center" >menu</h1> </ion-header-bar> </ion-side-menu> </ion-side-menus> 

here link plunker i've implemented this. plunker

you're appreciated

cheers,

solved issue removing top padding , replace margin top.

<ion-nav-view style ="margin-top:43px">  

Comments

Popular posts from this blog

authentication - Mongodb revoke acccess to connect test database -

r - Update two sets of radiobuttons reactively - shiny -

ios - Realm over CoreData should I use NSFetchedResultController or a Dictionary? -