From b0a38d2800efa9e4197c9a659513a387e43b5e32 Mon Sep 17 00:00:00 2001
From: Scott Aslan <scottyaslan@gmail.com>
Date: Tue, 13 Dec 2016 09:09:15 -0500
Subject: [PATCH] [NIFI-3159] Add ellipsis to long PG name in access policies
 shell

---
 .../js/nf/canvas/nf-policy-management.js      | 29 +++++++++++--------
 1 file changed, 17 insertions(+), 12 deletions(-)

diff --git a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-policy-management.js b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-policy-management.js
index b2f95ba99373..26e32de3701b 100644
--- a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-policy-management.js
+++ b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-ui/src/main/webapp/js/nf/canvas/nf-policy-management.js
@@ -759,18 +759,23 @@ nf.PolicyManagement = (function () {
             });
 
             // build the mark up
-            return $('<span>Showing effective policy inherited from Process Group </span>').append($('<span class="link"></span>').text(processGroupName).on('click', function () {
-                // close the shell
-                $('#shell-close-button').click();
-
-                // load the correct group and unselect everything if necessary
-                nf.CanvasUtils.enterGroup(processGroupId).done(function () {
-                    nf.CanvasUtils.getSelection().classed('selected', false);
-
-                    // inform Angular app that values have changed
-                    nf.ng.Bridge.digest();
-                });
-            })).append('<span>.</span>');
+            return $('<span>Showing effective policy inherited from Process Group </span>')
+                .append( $('<span class="link ellipsis" style="max-width: 200px; vertical-align: top;"></span>')
+                    .text(processGroupName)
+                    .attr('title', processGroupName)
+                    .on('click', function () {
+                        // close the shell
+                        $('#shell-close-button').click();
+
+                        // load the correct group and unselect everything if necessary
+                        nf.CanvasUtils.enterGroup(processGroupId).done(function () {
+                            nf.CanvasUtils.getSelection().classed('selected', false);
+
+                            // inform Angular app that values have changed
+                            nf.ng.Bridge.digest();
+                        });
+                    })
+            ).append('<span>.</span>');
         }
     };