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
Post a Comment