mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2025-11-01 08:03:00 +00:00
Code Issues Releases Wiki Activity

Move the animation duration into a tiddler so that we can easily let it be adjusted in the control panel

Browse Source
This commit is contained in:
Jeremy Ruston
2013-08-28 15:15:56 +01:00
parent e8425131f4
commit fbfe5a26c5
12 changed files with 68 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
core/modules/utils/dom/modal.js
View File

@@ -26,7 +26,8 @@ Options include:
*/
Modal.prototype.display = function(title,options) {
options = options || {};
var self = this;
var self = this,
duration = $tw.utils.getAnimationDuration();
// Up the modal count and adjust the body class
this.modalCount++;
this.adjustPageClass();
@@ -42,7 +43,7 @@ Modal.prototype.display = function(title,options) {
modalFooterHelp = document.createElement("span"),
modalFooterButtons = document.createElement("span"),
tiddler = this.wiki.getTiddler(title),
d = $tw.config.preferences.animationDuration + "ms";
d = duration + "ms";
// Don't do anything if the tiddler doesn't exist
if(!tiddler) {
return;
@@ -154,7 +155,7 @@ Modal.prototype.display = function(title,options) {
{transition: "opacity " + d + " ease-out"}
]);
$tw.utils.setStyle(modalWrapper,[
{transition: $tw.utils.roundTripPropertyName("transform") + " " + $tw.config.preferences.animationDurationMs + " ease-in-out"}
{transition: $tw.utils.roundTripPropertyName("transform") + " " + duration + "ms ease-in-out"}
]);
// Force layout
$tw.utils.forceLayout(modalBackdrop);