alex/yomichan
1
Fork 0
Code Releases Activity

Make animation optional for Modal.setVisible (#903)

Browse Source
This commit is contained in:
toasted-nutbread 2020-10-10 10:47:02 -04:00 committed by GitHub
parent 591253d783
commit 6799b87cc6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
ext/bg/js/settings/modal.js
View File

@ -41,7 +41,7 @@ class Modal extends EventDispatcher {
} }
} }
setVisible(value) { setVisible(value, animate=true) {
value = !!value; value = !!value;
if (this._useJqueryModal()) { if (this._useJqueryModal()) {
this._getWrappedNode().modal(value ? 'show' : 'hide'); this._getWrappedNode().modal(value ? 'show' : 'hide');
@ -55,19 +55,21 @@ class Modal extends EventDispatcher {
} }
if (value) { if (value) {
classList.add(this._openingClassName); if (animate) { classList.add(this._openingClassName); }
classList.remove(this._closingClassName);
getComputedStyle(this._node).getPropertyValue('display'); // Force update of CSS display property, allowing animation getComputedStyle(this._node).getPropertyValue('display'); // Force update of CSS display property, allowing animation
classList.add(this._visibleClassName); classList.add(this._visibleClassName);
classList.remove(this._closingClassName); if (animate) { classList.remove(this._openingClassName); }
classList.remove(this._openingClassName);
this._node.focus(); this._node.focus();
} else { } else {
classList.add(this._closingClassName); if (animate) { classList.add(this._closingClassName); }
classList.remove(this._visibleClassName); classList.remove(this._visibleClassName);
this._closeTimer = setTimeout(() => { if (animate) {
this._closeTimer = null; this._closeTimer = setTimeout(() => {
classList.remove(this._closingClassName); this._closeTimer = null;
}, this._closingAnimationDuration); classList.remove(this._closingClassName);
}, this._closingAnimationDuration);
}
} }
} }
} }