Apache
/
nifi
mirror of https://github.com/apache/nifi.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

NIFI-6652 UI Fix overflowing text in variables dialog 

This closes #3982.

Signed-off-by: Andy LoPresto <alopresto@apache.org>
This commit is contained in:
nagasivanath 2020-01-10 11:00:27 +05:30 committed by Andy LoPresto
parent 0dc6439ddb
commit 4e2b61efe4
No known key found for this signature in database
GPG Key ID: 6EC293152D90B61D
2 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/css/dialog.css
View File

@ -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;
}

8
nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-variable-registry.js
View File

@ -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 () {