mirror of
https://github.com/inverse-inc/sogo.git
synced 2026-03-25 16:12:44 +00:00
63 lines
1.7 KiB
HTML
63 lines
1.7 KiB
HTML
|
|
<div ng-controller="AppCtrl" layout="column" layout-fill>
|
|
|
|
<section layout="row" flex>
|
|
|
|
<md-sidenav class="md-sidenav-left md-whiteframe-z2" md-component-id="left" md-is-locked-open="$media('gt-md')">
|
|
|
|
<md-toolbar class="md-theme-indigo">
|
|
<h1 class="md-toolbar-tools">Sidenav Left</h1>
|
|
</md-toolbar>
|
|
<md-content class="md-padding" ng-controller="LeftCtrl">
|
|
<md-button ng-click="close()" class="md-primary" hide-gt-md>
|
|
Close Sidenav Left
|
|
</md-button>
|
|
<p hide-md show-gt-md>
|
|
This sidenav is locked open on your device. To go back to the default behavior,
|
|
narrow your display.
|
|
</p>
|
|
</md-content>
|
|
|
|
</md-sidenav>
|
|
|
|
<md-content flex class="md-padding">
|
|
|
|
<div layout="column" layout-fill layout-align="center center">
|
|
<p>
|
|
The left sidenav will 'lock open' on a medium (>=960px wide) device.
|
|
</p>
|
|
|
|
<div>
|
|
<md-button ng-click="toggleLeft()"
|
|
class="md-primary" hide-gt-md>
|
|
Toggle left
|
|
</md-button>
|
|
</div>
|
|
|
|
<div>
|
|
<md-button ng-click="toggleRight()"
|
|
class="md-primary">
|
|
Toggle right
|
|
</md-button>
|
|
</div>
|
|
</div>
|
|
|
|
</md-content>
|
|
|
|
<md-sidenav class="md-sidenav-right md-whiteframe-z2" md-component-id="right">
|
|
|
|
<md-toolbar class="md-theme-light">
|
|
<h1 class="md-toolbar-tools">Sidenav Right</h1>
|
|
</md-toolbar>
|
|
<md-content ng-controller="RightCtrl" class="md-padding">
|
|
<md-button ng-click="close()" class="md-primary">
|
|
Close Sidenav Right
|
|
</md-button>
|
|
</md-content>
|
|
|
|
</md-sidenav>
|
|
|
|
</section>
|
|
|
|
</div>
|