From db5b83de1af6a175cca02efff18d822349767d2f Mon Sep 17 00:00:00 2001 From: Adam Bradley Date: Sun, 5 Jul 2015 21:06:37 -0500 Subject: [PATCH] fix navbar css --- ionic/components/nav-bar/extensions/ios.scss | 6 +++--- ionic/components/nav-bar/nav-bar.scss | 10 +++++++++- 2 files changed, 12 insertions(+), 4 deletions(-) diff --git a/ionic/components/nav-bar/extensions/ios.scss b/ionic/components/nav-bar/extensions/ios.scss index d92198dd30..537b138e3f 100644 --- a/ionic/components/nav-bar/extensions/ios.scss +++ b/ionic/components/nav-bar/extensions/ios.scss @@ -33,15 +33,15 @@ $navbar-ios-button-background-color: transparent !default; bottom: auto; } - .navbar-title { + .toolbar-title { order: map-get($navbar-order-ios, 'title'); } - .navbar-primary-item { + .toolbar-primary-item { order: map-get($navbar-order-ios, 'primary'); } - .navbar-secondary-item { + .toolbar-secondary-item { order: map-get($navbar-order-ios, 'secondary'); } diff --git a/ionic/components/nav-bar/nav-bar.scss b/ionic/components/nav-bar/nav-bar.scss index 1ca46421c8..3eb9f41539 100644 --- a/ionic/components/nav-bar/nav-bar.scss +++ b/ionic/components/nav-bar/nav-bar.scss @@ -4,8 +4,16 @@ ion-navbar { - @extend ion-toolbar; position: absolute; + width: 100%; + height: 100%; + min-height: 4.4rem; + + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-between; + order: $flex-order-toolbar-top; transform: translate3d(100%, 0px, 0px); &.show-navbar {