Rooba
/
nightTab
mirror of https://github.com/zombieFox/nightTab.git
1
1
Fork 0
Code Issues Packages Projects Releases Wiki Activity

[design] improve modal body padding

This commit is contained in:
zombieFox 2020-06-14 14:32:53 +01:00
parent f624d988fd
commit 84cdeb9b03
2 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/css/modal.css
View File

@ -43,13 +43,16 @@
.modal-body {
border-radius: var(--theme-radius) var(--theme-radius) 0 0;
padding: 2em;
overflow-y: auto;
box-sizing: border-box;
z-index: 1;
position: relative;
}
.modal-body-spacer {
margin: 2em;
}
.modal-heading:focus {
outline: none;
}

8
src/js/modal.js
View File

@ -101,6 +101,7 @@ var modal = (function() {
bind.focus.remove();
};
var modalBody = helper.node("div|class:modal-body");
var modalBodySpacer = helper.node("div|class:modal-body-spacer");
var modalControls = helper.node("div|class:modal-controls form-group");
var actionButton = helper.node("button:" + options.actionText + "|class:button button-line button-block modal-button,tabindex:1");
var cancelButton = helper.node("button:" + options.cancelText + "|class:button button-line button-block modal-button,tabindex:1");
@ -118,7 +119,7 @@ var modal = (function() {
value: 1
}]
});
modalBody.appendChild(modalHeading);
modalBodySpacer.appendChild(modalHeading);
};
if (options.content) {
if (typeof options.content == "string") {
@ -128,11 +129,12 @@ var modal = (function() {
text: options.content
});
container.appendChild(para);
modalBody.appendChild(container);
modalBodySpacer.appendChild(container);
} else {
modalBody.appendChild(options.content);
modalBodySpacer.appendChild(options.content);
};
};
modalBody.appendChild(modalBodySpacer);
modalWrapper.appendChild(modalBody);
modalWrapper.appendChild(modalControls);
modal.appendChild(modalWrapper);