From ca6dd9321419b2bb457e6c8abf96425201261d1f Mon Sep 17 00:00:00 2001 From: saqimtiaz Date: Thu, 12 Mar 2020 17:58:14 +0100 Subject: [PATCH] Add support for a custom class to modal wrapper (#4490) * Add support for a custom class to modal wrapper As per https://github.com/Jermolene/TiddlyWiki5/issues/4485 add support for a custom class to modal wrapper, by means of a field in the modal tiddler. The class is added to the modal wrapper in addition to the default class, allowing for custom styling via css of any part of the modal. * Remove redundant check for tiddler. --- core/modules/utils/dom/modal.js | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/core/modules/utils/dom/modal.js b/core/modules/utils/dom/modal.js index 1e77e0361..df6ef5432 100644 --- a/core/modules/utils/dom/modal.js +++ b/core/modules/utils/dom/modal.js @@ -58,6 +58,9 @@ Modal.prototype.display = function(title,options) { this.adjustPageClass(); // Add classes $tw.utils.addClass(wrapper,"tc-modal-wrapper"); + if(tiddler.fields && tiddler.fields.class) { + $tw.utils.addClass(wrapper,tiddler.fields.class); + } $tw.utils.addClass(modalBackdrop,"tc-modal-backdrop"); $tw.utils.addClass(modalWrapper,"tc-modal"); $tw.utils.addClass(modalHeader,"tc-modal-header"); @@ -104,7 +107,7 @@ Modal.prototype.display = function(title,options) { modalBody.appendChild(modalLink); } // Render the footer of the message - if(tiddler && tiddler.fields && tiddler.fields.help) { + if(tiddler.fields && tiddler.fields.help) { var link = this.srcDocument.createElement("a"); link.setAttribute("href",tiddler.fields.help); link.setAttribute("target","_blank");