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>