commit b6569579d2a504a65850260384dc2d9bf1f4d680 Author: cypherpunks cypherpunks@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>