javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(splitView): expose side menu on large viewport

Browse Source 
Ability to keep a left menu exposed on larger viewports, such as a
landscape tablet. Added the `expose-aside-menu` attribute directive.
This commit is contained in:
Adam Bradley
2014-08-26 15:00:42 -05:00
parent 853fad19b1
commit b69aa5485f
11 changed files with 217 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
test/html/sideMenu.html
View File

@@ -15,7 +15,7 @@
<ion-side-menu-content edge-drag-threshold="true" drag-content="!$root.disableDrag">
<header class="bar bar-header bar-positive">
<button class="button button-icon ion-navicon" ng-click="toggleLeft()"></button>
<button class="button button-icon ion-navicon" ng-click="toggleLeft()" ng-hide="$exposeAside.active"></button>
<h1 class="title">Slide me</h1>
<button class="button button-icon ion-navicon" ng-click="toggleRight()"></button>
</header>
@@ -32,7 +32,7 @@
</ion-content>
</ion-side-menu-content>
<ion-side-menu side="left" width="$root.menuWidth || 270" ng-controller="LeftCtrl">
<ion-side-menu side="left" width="$root.menuWidth || 275" ng-controller="LeftCtrl" expose-aside-when="(min-width:750px) and (max-width:1200px)">
<header class="bar bar-header bar-assertive">
<h1 class="title">Left</h1>
</header>