fix(toolbar): added a temp fix for buttons in a toolbar with a segment

added a segment scenario to the toolbar tests. closes #506

ionic/components/toolbar/test/scenarios/index.ts

@@ -4,4 +4,10 @@ import {App} from 'ionic/ionic';
 @App({
   templateUrl: 'main.html'
 })
-class E2EApp {}
+class E2EApp {
+
+
+  buttonClick(button) {
+    console.log(button);
+  }
+}

ionic/components/toolbar/test/scenarios/main.html

@@ -180,7 +180,7 @@
 
 <ion-toolbar>
 <ion-nav-items secondary>
-  <button>
+  <button #button1 (click)="buttonClick(button1)">
     <icon star></icon>
   </button>
 </ion-nav-items>
@@ -190,6 +190,35 @@
   </a>
 </ion-toolbar>
 
+<ion-toolbar>
+  <ion-nav-items secondary>
+    <button #button2 (click)="buttonClick(button2)">
+      <icon search></icon>
+    </button>
+  </ion-nav-items>
+  <ion-segment secondary>
+    <ion-segment-button>
+      Something
+    </ion-segment-button>
+    <ion-segment-button>
+      Else
+    </ion-segment-button>
+  </ion-segment>
+</ion-toolbar>
+
+<ion-toolbar>
+  <ion-segment>
+    <ion-segment-button>
+      Light
+    </ion-segment-button>
+    <ion-segment-button>
+      Toolbar
+    </ion-segment-button>
+    <ion-segment-button>
+      Default Segment
+    </ion-segment-button>
+  </ion-segment>
+</ion-toolbar>
 
 
 <style>

ionic/components/toolbar/toolbar.scss

@@ -124,6 +124,12 @@ ion-nav-items div {
   pointer-events: auto;
 }
 
+// TODO this is a temp hack to fix segment overlapping ion-nav-item
+ion-nav-items,
+[menu-toggle] {
+  z-index: 99;
+}
+
 
 // Toolbar Color Generation
 // --------------------------------------------------