From e4df7b723c12b39122baa6c8cb87f81b11c7c051 Mon Sep 17 00:00:00 2001
From: sherzinger <sascha.herzinger@uni.lu>
Date: Tue, 22 Jan 2019 13:22:33 +0100
Subject: [PATCH] Fixed a few report styling issues
---
frontend-js/src/main/css/global.css | 5 +++++
frontend-js/src/main/js/GuiConnector.js | 16 ++++++++++++++--
2 files changed, 19 insertions(+), 2 deletions(-)
diff --git a/frontend-js/src/main/css/global.css b/frontend-js/src/main/css/global.css
index 229baa2e02..3e3ca561ac 100644
--- a/frontend-js/src/main/css/global.css
+++ b/frontend-js/src/main/css/global.css
@@ -679,11 +679,16 @@ error report dialog style
float: right;
}
+.report-tooltip {
+ opacity: 1;
+}
+
.report-dialog #report-comment {
width: 100%;
padding: 0;
resize: none;
height: 60px;
+ color: black;
}
#report-comment {
diff --git a/frontend-js/src/main/js/GuiConnector.js b/frontend-js/src/main/js/GuiConnector.js
index 0ca4433050..922e962c05 100644
--- a/frontend-js/src/main/js/GuiConnector.js
+++ b/frontend-js/src/main/js/GuiConnector.js
@@ -359,11 +359,23 @@ GuiConnector.prototype.alert = function (error, redirectIfSecurityError) {
$(self._errorDialogData)
.controlgroup({direction: 'vertical'});
$(self._errorDialog)
- .tooltip();
+ .tooltip({
+ classes: {
+ "ui-tooltip": "report-tooltip ui-corner-all ui-widget-shadow"
+ },
+ track: true,
+ position: {
+ my: 'right',
+ at: 'left'
+ }
+ });
});
document.body.appendChild(self._errorDialog);
$(self._errorDialog).dialog({
- classes: {'ui-dialog': 'report-dialog'},
+ classes: {
+ 'ui-dialog': 'report-dialog ui-corner-all',
+ 'ui-dialog-titlebar': 'ui-corner-all'
+ },
title: 'An error occurred!',
resizable: true,
height: 'auto',
--
GitLab