From e6be5d327688e94c149c02d4be61aadaa017fef0 Mon Sep 17 00:00:00 2001
From: Matt Gilman <matt.c.gilman@gmail.com>
Date: Fri, 5 May 2017 12:55:20 -0400
Subject: [PATCH] NIFI-3801: - Making the version text next to the component
 name more subtle.

This closes #1760.

Signed-off-by: Andy LoPresto <alopresto@apache.org>
---
 .../src/main/webapp/WEB-INF/jsp/documentation.jsp         | 8 ++++----
 .../nifi-web/nifi-web-docs/src/main/webapp/css/main.css   | 7 +++++--
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-docs/src/main/webapp/WEB-INF/jsp/documentation.jsp b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-docs/src/main/webapp/WEB-INF/jsp/documentation.jsp
index c424f4fe24..fd8660a335 100644
--- a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-docs/src/main/webapp/WEB-INF/jsp/documentation.jsp
+++ b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-docs/src/main/webapp/WEB-INF/jsp/documentation.jsp
@@ -46,7 +46,7 @@
             <div id="component-list-toggle-link">-</div>
             <div id="header-contents">
                 <div id="nf-title">NiFi Documentation</div>
-                <div id="nf-version"></div>
+                <div id="nf-version" class="version"></div>
                 <div id="selected-component"></div>
             </div>
         </div>
@@ -85,7 +85,7 @@
                                                             ${entry.key}
                                                         </c:when>
                                                         <c:otherwise>
-                                                            ${entry.key} ${bundleEntry.version}
+                                                            ${entry.key} <span class="version">${bundleEntry.version}</span>
                                                         </c:otherwise>
                                                     </c:choose>
                                                 </a>
@@ -121,7 +121,7 @@
                                                             ${entry.key}
                                                         </c:when>
                                                         <c:otherwise>
-                                                            ${entry.key} ${bundleEntry.version}
+                                                            ${entry.key} <span class="version">${bundleEntry.version}</span>
                                                         </c:otherwise>
                                                     </c:choose>
                                                 </a>
@@ -156,7 +156,7 @@
                                                             ${entry.key}
                                                         </c:when>
                                                         <c:otherwise>
-                                                            ${entry.key} ${bundleEntry.version}
+                                                            ${entry.key} <span class="version">${bundleEntry.version}</span>
                                                         </c:otherwise>
                                                     </c:choose>
                                                 </a>
diff --git a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-docs/src/main/webapp/css/main.css b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-docs/src/main/webapp/css/main.css
index b67a6e7dd5..ddd7d7285f 100644
--- a/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-docs/src/main/webapp/css/main.css
+++ b/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-docs/src/main/webapp/css/main.css
@@ -91,12 +91,15 @@ div.documentation-header {
 
 #nf-version {
     font-size: 14px;
-    font-style: italic;
-    color: #aaa;
     margin: 11px 5px 0px 5px;
     flex-grow: 1;
 }
 
+.version {
+    font-style: italic;
+    color: #aaa;
+}
+
 #selected-component {
     font-size: 20px;
     margin: 5px 5px 0px 5px;