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

fix(sidemenu): Side menu always needs to have translate3d applied, closes #710

Browse Source
This commit is contained in:
Adam Bradley
2014-03-10 11:00:02 -05:00
parent ed1dbb71f2
commit 16ac2ff1d6
2 changed files with 6 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
js/ext/angular/src/directive/ionicSideMenu.js vendored
View File

@@ -113,11 +113,7 @@ angular.module('ionic.ui.sideMenu', ['ionic.service.gesture', 'ionic.service.vie
return $scope.sideMenuContentTranslateX || 0;
},
setTranslateX: ionic.animationFrameThrottle(function(amount) {
if(amount === 0) {
$element[0].style[ionic.CSS.TRANSFORM] = 'none';
} else {
$element[0].style[ionic.CSS.TRANSFORM] = 'translate3d(' + amount + 'px, 0, 0)';
}
$element[0].style[ionic.CSS.TRANSFORM] = 'translate3d(' + amount + 'px, 0, 0)';
$timeout(function() {
$scope.sideMenuContentTranslateX = amount;
});

10
scss/_menu.scss
View File

@@ -26,20 +26,20 @@
.grade-b .menu-content,
.grade-c .menu-content {
@include box-sizing(content-box);
right: -1px;
left: -1px;
@include box-sizing(content-box);
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
box-shadow: none;
}
.menu-left {
left: 0;
.menu-left {
left: 0;
}
.menu-right {
right: 0;
.menu-right {
right: 0;
}
.menu-animated {