diff --git a/frontend-js/src/main/css/global.css b/frontend-js/src/main/css/global.css index ed331c7a94fc99c2c1a062b9e0e8200db711881c..1a946ddd66e8c37327a6dbd9c8eaa7d7b70ae6e6 100644 --- a/frontend-js/src/main/css/global.css +++ b/frontend-js/src/main/css/global.css @@ -675,6 +675,17 @@ error report dialog style border: 1px solid #fff; } +.report-dialog span.ui-icon-info { + float: left; +} + +.report-dialog .report-comment { + width: 100%; + padding: 0; + resize: none; + height: 60px; +} + .report-dialog-warning { color: #cb5454; } @@ -683,6 +694,7 @@ error report dialog style color: #fff; border: 1px solid #fff; background: rgb(32, 189, 241); + padding: 15px; } /** diff --git a/frontend-js/src/main/js/GuiConnector.js b/frontend-js/src/main/js/GuiConnector.js index 359960d56d10e09fa959fe7100da4341fa1c8322..92cde283cf40aa1073269c8f81e109627f6e225e 100644 --- a/frontend-js/src/main/js/GuiConnector.js +++ b/frontend-js/src/main/js/GuiConnector.js @@ -307,17 +307,17 @@ GuiConnector.prototype.alert = function (error, redirectIfSecurityError) { self._errorDialog.innerHTML += '<p class="report-dialog-warning">If you agree to submit the following information to the Minerva maintainers please uncheck all boxes that might contain sensitive data.</p>'; self._errorDialogData = document.createElement('div'); self._errorDialog.appendChild(self._errorDialogData); - + self._errorDialogData.innerHTML += '<textarea class="report-comment" placeholder="Add comment..."></textarea>'; Object.keys(data).forEach(function (key) { self._errorDialogData.innerHTML += '<label>' + data[key].value + '<input class="report-check" type="checkbox" data-key="' + key + '" data-value="' + data[key].value + '"/>' + - '<span class="ui-icon ui-icon-info" style="float: right;" title="' + data[key].tooltip + '"></span>' + + '<span class="ui-icon ui-icon-info" title="' + data[key].tooltip + '"></span>' + '</label>'; }); if (typeof stacktrace.value !== 'undefined') { self._errorDialogData.innerHTML += '<div id="report-stacktrace">' + - '<h3>Stacktrace<span class="ui-icon ui-icon-info" style="float: right;" title="' + stacktrace.tooltip + '"></span></h3>' + + '<h3>Stacktrace<span class="ui-icon ui-icon-info" title="' + stacktrace.tooltip + '"></span></h3>' + '<div><p>' + stacktrace.value + '</p></div>' + '</div>'; $('#report-stacktrace') @@ -336,9 +336,9 @@ GuiConnector.prototype.alert = function (error, redirectIfSecurityError) { $(self._errorDialog).dialog({ classes: {'ui-dialog': 'report-dialog'}, title: 'An error occurred!', - resizable: false, + resizable: true, height: 'auto', - width: '50vw', + width: '500px', modal: true, buttons: { 'Submit': function () {