javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-06 22:29:44 +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;
bottom: 0;
z-index: 0;
overflow-y: scroll;
overflow: hidden;
min-height: 100%;
max-height: 100%;
width: 270px;
background-color: #fff;
-webkit-overflow-scrolling: touch; }
background-color: #fff; }
.menu-content {
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">
<side-menu>
<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>
<h1 class="title">Slide me</h1>
</header>
@ -22,7 +22,7 @@
</div>
</pane>
<menu side="left">
<header class="bar bar-header bar-primary">
<header class="bar bar-header bar-assertive">
<h1 class="title">Left</h1>
</header>
<content has-header="true">
@ -34,7 +34,7 @@
</content>
</menu>
<menu side="right">
<header class="bar bar-header bar-primary">
<header class="bar bar-header bar-assertive">
<h1 class="title">Right</h1>
</header>
<content has-header="true">

4
scss/_menu.scss
View File

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