This is an automated email from the ASF dual-hosted git repository.
alopresto pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/nifi.git
The following commit(s) were added to refs/heads/master by this push:
new 4e2b61e NIFI-6652 UI Fix overflowing text in variables dialog
4e2b61e is described below
commit 4e2b61efe417da643d5fa234a4bf1abd286b7fb7
Author: nagasivanath <nagasivan...@gmail.com>
AuthorDate: Fri Jan 10 11:00:27 2020 +0530
NIFI-6652 UI Fix overflowing text in variables dialog
This closes #3982.
Signed-off-by: Andy LoPresto <alopre...@apache.org>
---
.../nifi-web/nifi-web-ui/src/main/webapp/css/dialog.css | 4 ++++
.../src/main/webapp/js/nf/canvas/nf-variable-registry.js | 8 +++++---
2 files changed, 9 insertions(+), 3 deletions(-)
diff --git
a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/css/dialog.css
b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/css/dialog.css
index 676956f..cae4932 100644
---
a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/css/dialog.css
+++
b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/css/dialog.css
@@ -319,6 +319,10 @@ li.affected-component-container {
height: 16px;
}
+span.affected-component-setting-width {
+ max-width: 90%;
+}
+
div.slick-cell div.overridden {
text-decoration: line-through;
}
diff --git
a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-variable-registry.js
b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-variable-registry.js
index a4e0f4b..68a322e 100644
---
a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-variable-registry.js
+++
b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-variable-registry.js
@@ -737,7 +737,8 @@
// processor name
- $('<span class="referencing-component-name
link"></span>').text(affectedProcessor.name).on('click', function () {
+ $('<span class="referencing-component-name link ellipsis
affected-component-setting-width"></span>').text(affectedProcessor.name)
+ .prop('title', affectedProcessor.name).on('click', function () {
// check if there are outstanding changes
handleOutstandingChanges().done(function () {
// show the component in question
@@ -797,7 +798,8 @@
$('<div
class="referencing-component-bulletins"></div>').addClass(affectedControllerService.id
+ '-affected-bulletins').appendTo(affectedControllerServiceContainer);
// controller service name
- $('<span class="referencing-component-name
link"></span>').text(affectedControllerService.name).on('click', function () {
+ $('<span class="referencing-component-name link ellipsis
affected-component-setting-width"></span>')
+ .prop('title',
affectedControllerService.name).text(affectedControllerService.name).on('click',
function () {
// check if there are outstanding changes
handleOutstandingChanges().done(function () {
// show the component in question
@@ -923,7 +925,7 @@
}
} else {
var affectedUnauthorizedComponentContainer = $('<li
class="affected-component-container"></li>').appendTo(unauthorizedComponentsContainer);
- $('<span class="referencing-component-name link
ellipsis"></span>')
+ $('<span class="referencing-component-name link
ellipsis affected-component-setting-width"></span>')
.prop('title',
unauthorizedAffectedComponentEntity.id)
.text(unauthorizedAffectedComponentEntity.id)
.on('click', function () {
