Refs #3089, display visitor profile launch link only on hover and in upper right column of row.

2 files changed, 25 insertions, 6 deletions

diff --git a/plugins/Live/stylesheets/live.less b/plugins/Live/stylesheets/live.less
index 681f7cbd3f..1875fd7934 100644
--- a/plugins/Live/stylesheets/live.less
+++ b/plugins/Live/stylesheets/live.less
@@ -173,4 +173,23 @@ ol.visitorLog p {
 
 .dataTableVizVisitorLog .dataTableWrapper {
     width:100%;
+}
+
+.visitor-log-page-list {
+    position:relative;
+}
+.visitor-log-page-list:hover .visitor-log-visitor-profile-link {
+    display:inline;
+}
+a.visitor-log-visitor-profile-link {
+    position:absolute;
+    display:none;
+    right:8px;
+    top:8px;
+    font-style:italic;
+    font-size:13px;
+
+    img {
+        margin-top:-2px;
+    }
 }
\ No newline at end of file
diff --git a/plugins/Live/templates/_dataTableViz_visitorLog.twig b/plugins/Live/templates/_dataTableViz_visitorLog.twig
index 9b21c3cd5f..0a01ad5b15 100644
--- a/plugins/Live/templates/_dataTableViz_visitorLog.twig
+++ b/plugins/Live/templates/_dataTableViz_visitorLog.twig
@@ -42,11 +42,6 @@
              -
             <img src="{{ visitor.getColumn('visitorTypeIcon') }}"
                  title="{{ 'General_ReturningVisitor'|translate }}{% if visitor.getColumn('visitorId') is not empty %}{% endif %}"/>
-            {% if visitor.getColumn('visitorId') is not empty %}
-            <a class="rightLink visitor-log-visitor-profile-link" title="{{ 'Live_ViewVisitorProfile'|translate }}" data-visitor-id="{{ visitor.getColumn("visitorId") }}">
-                <img src="plugins/Live/images/visitorProfileLaunch.png"/>
-            </a>
-            {% endif %}
         {% endif %}
 
         {% if not displayVisitorsInOwnColumn %}<br/><br/>{% endif %}
@@ -160,7 +155,12 @@ GPS (lat/long): {{ visitor.getColumn('latitude') }},{{ visitor.getColumn('longit
                     {% if visitor.getColumn('referrerType') == 'direct' %}{{ 'Referers_DirectEntry'|translate }}{% endif %}
                 </div>
             </td>
-            <td class="column {% if visitor.getColumn('visitConverted') and not isWidget %}highlightField{% endif %}">
+            <td class="column {% if visitor.getColumn('visitConverted') and not isWidget %}highlightField{% endif %} visitor-log-page-list">
+                {% if visitor.getColumn('visitorId') is not empty %}
+                <a class="visitor-log-visitor-profile-link" title="{{ 'Live_ViewVisitorProfile'|translate }}" data-visitor-id="{{ visitor.getColumn("visitorId") }}">
+                    <img src="plugins/Live/images/visitorProfileLaunch.png"/> <span>{{ 'Live_ViewVisitorProfile'|translate }}</span>
+                </a>
+                {% endif %}
                 <strong>
                     {{ visitor.getColumn('actionDetails')|length }}
                     {% if visitor.getColumn('actionDetails')|length <= 1 %}