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

panel handlers

Browse Source
This commit is contained in:
Adam Bradley
2013-08-28 13:01:33 -05:00
parent a8ad16df86
commit 75ff9929ce
4 changed files with 7 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
dist/framework.css vendored
View File

@ -237,9 +237,9 @@ header, main, footer {
z-index: 100;
left: 0;
right: 0;
-webkit-transition: -webkit-transform 300ms ease;
-moz-transition: -moz-transform 300ms ease;
transition: transform 300ms ease;
-webkit-transition: -webkit-transform 200ms ease;
-moz-transition: -moz-transform 200ms ease;
transition: transform 200ms ease;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }

4
example/panels.html
View File

@ -39,7 +39,7 @@
</section>
<script src="../../js/framework/framework-panel.js"></script>
<script src="../../js/framework/helpers/panel-helper.js"></script>
<script src="../../js/framework/ion-panel.js"></script>
<script src="../../js/framework/handlers/panel-handler.js"></script>
</body>
</html>

8
js/framework/helpers/panel-helper.js → js/framework/handlers/panel-handler.js
View File

@ -3,12 +3,6 @@
function click(e) {
if(e.target.dataset.togglePanel) {
ion.Panel.toggle(e.target.dataset.togglePanel);
return true;
}
}
function touchEnd(e) {
if(click(e)) {
e.preventDefault();
e.stopPropagation();
return false;
@ -16,6 +10,6 @@
}
window.addEventListener('click', click, false);
window.addEventListener('touchend', touchEnd, false);
window.addEventListener('touchend', click, false);
})(this, document, ion = this.ion || {});

2
scss/framework/_structure-variables.scss
View File

@ -27,4 +27,4 @@ $listItemBorder: 1px solid #ddd;
// Panels
$panelOpenWidth: 270px;
$panelAnimationSpeed: 300ms;
$panelAnimationSpeed: 200ms;