javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-07 15:07:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

Side menu overflow hidden

Browse Source
This commit is contained in:
Max Lynch
2013-11-15 20:27:59 -06:00
parent a0b9401a3e
commit 42dd53850b
3 changed files with 6 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
dist/css/ionic.css vendored
View File

@ -3099,12 +3099,11 @@ a.subduedΓÇÄ {
top: 0; top: 0;
bottom: 0; bottom: 0;
z-index: 0; z-index: 0;
overflow-y: scroll; overflow: hidden;
min-height: 100%; min-height: 100%;
max-height: 100%; max-height: 100%;
width: 270px; width: 270px;
background-color: #fff; background-color: #fff; }
-webkit-overflow-scrolling: touch; }
.menu-content { .menu-content {
box-shadow: -1px 0px 3px rgba(0, 0, 0, 0.2), 1px 0px 3px rgba(0, 0, 0, 0.2); } box-shadow: -1px 0px 3px rgba(0, 0, 0, 0.2), 1px 0px 3px rgba(0, 0, 0, 0.2); }

6
js/ext/angular/test/sideMenu.html
View File

@ -13,7 +13,7 @@
<div ng-controller="MenuCtrl"> <div ng-controller="MenuCtrl">
<side-menu> <side-menu>
<pane side-menu-content> <pane side-menu-content>
<header class="bar bar-header bar-positive"> <header class="bar bar-header bar-assertive">
<button class="button button-icon" ng-click="openLeft()"><i class="icon ion-navicon"></i></button> <button class="button button-icon" ng-click="openLeft()"><i class="icon ion-navicon"></i></button>
<h1 class="title">Slide me</h1> <h1 class="title">Slide me</h1>
</header> </header>
@ -22,7 +22,7 @@
</div> </div>
</pane> </pane>
<menu side="left"> <menu side="left">
<header class="bar bar-header bar-primary"> <header class="bar bar-header bar-assertive">
<h1 class="title">Left</h1> <h1 class="title">Left</h1>
</header> </header>
<content has-header="true"> <content has-header="true">
@ -34,7 +34,7 @@
</content> </content>
</menu> </menu>
<menu side="right"> <menu side="right">
<header class="bar bar-header bar-primary"> <header class="bar bar-header bar-assertive">
<h1 class="title">Right</h1> <h1 class="title">Right</h1>
</header> </header>
<content has-header="true"> <content has-header="true">

4
scss/_menu.scss
View File

@ -11,15 +11,13 @@
bottom: 0; bottom: 0;
z-index: 0; z-index: 0;
// has to be scroll, not auto overflow: hidden;
overflow-y: scroll;
min-height: 100%; min-height: 100%;
max-height: 100%; max-height: 100%;
width: $menu-width; width: $menu-width;
background-color: #fff; background-color: #fff;
-webkit-overflow-scrolling: touch;
} }
.menu-content { .menu-content {