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

Some loading box tweaks

Browse Source
This commit is contained in:
Max Lynch
2013-10-21 16:57:18 -05:00
parent ce5d3e6fde
commit bc6819d5a0
12 changed files with 849 additions and 634 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
js/views/loadingView.js
View File

@ -10,6 +10,9 @@
var _this = this;
this.el = opts.el;
this.maxWidth = opts.maxWidth || 200;
this._loadingBox = this.el.querySelector('.loading');
};
@ -18,12 +21,18 @@
var _this = this;
if(this._loadingBox) {
window.requestAnimationFrame(function() {
_this.el.classList.add('active');
//window.requestAnimationFrame(function() {
var lb = _this._loadingBox;
_this._loadingBox.style.marginLeft = (-_this._loadingBox.offsetWidth) / 2 + 'px';
_this._loadingBox.style.marginTop = (-_this._loadingBox.offsetHeight) / 2 + 'px';
});
var width = Math.min(_this.maxWidth, Math.max(window.outerWidth - 40, lb.offsetWidth));
lb.style.width = width;
lb.style.marginLeft = (-lb.offsetWidth) / 2 + 'px';
lb.style.marginTop = (-lb.offsetHeight) / 2 + 'px';
_this.el.classList.add('active');
//});
}
},
hide: function() {