[tor-commits] [atlas/master] Place tooltips on the right of the elements

[irl at torproject.org]

commit b6569579d2a504a65850260384dc2d9bf1f4d680
Author: cypherpunks <cypherpunks at torproject.org>
Date:   Tue Feb 7 18:05:16 2017 +0000

    Place tooltips on the right of the elements
    
    The tooltips for the left column on the details page were cut off with
    certain window dimensions. Placing the tooltips on the right of the
    elements is the easiest way to solve this issue.
    
    Closes #21398.
---
 js/views/details/main.js      | 2 +-
 templates/details/bridge.html | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/js/views/details/main.js b/js/views/details/main.js
index ce4f87b..24c0064 100644
--- a/js/views/details/main.js
+++ b/js/views/details/main.js
@@ -240,7 +240,7 @@ define([
             }
 
             $("#loading").hide();
-            $(".tip").tooltip();
+            $(".tip").tooltip({ placement: 'right' });
         },
         error: function() {
             var compiledTemplate = _.template(errorDetailsTemplate, {relay: null});
diff --git a/templates/details/bridge.html b/templates/details/bridge.html
index d06cd21..abfb497 100644
--- a/templates/details/bridge.html
+++ b/templates/details/bridge.html
@@ -44,7 +44,7 @@
 
     <dt><span class="tip" title="Flags that the directory authorities assigned to this bridge." data-original-title="Bridge flags">Flags</span></dt>
     <dd><% _.each(relay.get('flags'), function(flag) { %>
-    <span class="flags" title="<%= flag[0] %><br /><%= flag[2] %>">
+    <span class="tip flags" title="<%= flag[0] %><br /><%= flag[2] %>">
         <img class="inline" alt="" src="img/flags/<%= flag[1] %>.png"/>
         <span class="inline"><%= flag[0] %></span>
     </span>