Skip to content

Commit

Permalink
Add support for a custom class to modal wrapper (#4490)
Browse files Browse the repository at this point in the history
* Add support for a custom class to modal wrapper

As per #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.
  • Loading branch information
saqimtiaz committed Mar 12, 2020
1 parent 195b3b0 commit ca6dd93
Showing 1 changed file with 4 additions and 1 deletion.
5 changes: 4 additions & 1 deletion core/modules/utils/dom/modal.js
Expand Up @@ -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");
Expand Down Expand Up @@ -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");
Expand Down

0 comments on commit ca6dd93

Please sign in to comment.