mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-22 21:48:42 +08:00
72699dbbb4
Improved which angles should allow the side menu to open, depending if it’s a left or right menu. Also check if the distance of the drag is longer than a side menu would get. For example, scrolling vertically for a long ways would have a long distance, but triggering a side menu to open would be a short distance. Also ensure that a side menu can always be closed incase something goes wrong. Closes #5272
57 lines
1.0 KiB
HTML
57 lines
1.0 KiB
HTML
|
|
<ion-navbar *navbar>
|
|
|
|
<button menuToggle="leftMenu">
|
|
<ion-icon name="menu"></ion-icon>
|
|
</button>
|
|
|
|
<ion-title>
|
|
Menu
|
|
</ion-title>
|
|
|
|
<ion-buttons end>
|
|
<button>
|
|
<ion-icon name="football"></ion-icon>
|
|
</button>
|
|
</ion-buttons>
|
|
|
|
<ion-buttons start>
|
|
<button>
|
|
<ion-icon name="baseball"></ion-icon>
|
|
</button>
|
|
</ion-buttons>
|
|
|
|
<button menuToggle="rightMenu" right secondary>
|
|
<ion-icon name="menu"></ion-icon>
|
|
</button>
|
|
|
|
</ion-navbar>
|
|
|
|
|
|
<ion-content padding>
|
|
|
|
<h3>Page 1</h3>
|
|
|
|
<p>
|
|
<button class="e2eContentToggleMenu" menuToggle="leftMenu">Toggle Left Menu</button>
|
|
</p>
|
|
|
|
<p>
|
|
<button menuToggle="rightMenu">Toggle Right Menu</button>
|
|
</p>
|
|
|
|
<ion-card>
|
|
<ion-item>
|
|
<ion-label>Username:</ion-label>
|
|
<ion-input></ion-input>
|
|
</ion-item>
|
|
</ion-card>
|
|
|
|
<p>
|
|
<button (click)="presentAlert()">Open alert</button>
|
|
</p>
|
|
|
|
<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>
|
|
|
|
</ion-content>
|