diff --git a/app/assets/javascripts/post_tooltips.js.erb b/app/assets/javascripts/post_tooltips.js.erb index d31b9f1f6..91224af55 100644 --- a/app/assets/javascripts/post_tooltips.js.erb +++ b/app/assets/javascripts/post_tooltips.js.erb @@ -9,7 +9,6 @@ Danbooru.PostTooltip.render_tooltip = function (event, qtip) { // Hide the tooltip if the user stopped hovering before the ajax request completed. if (Danbooru.PostTooltip.lostFocus) { - console.log("hiding"); qtip.hide(); } }); @@ -31,16 +30,25 @@ Danbooru.PostTooltip.QTIP_OPTIONS = { content: Danbooru.PostTooltip.render_tooltip, overwrite: false, position: { + viewport: true, + my: "bottom left", + at: "top left", + effect: false, + adjust: { + y: -2, + method: "shift", + }, + /* Position tooltip beneath mouse. my: "top left", at: "bottom left", target: "mouse", - // `viewport: $(window)` is better, but it requires jquery-migrate until https://github.com/qTip2/qTip2/issues/797 is fixed. viewport: true, adjust: { mouse: false, y: 25, method: "shift", }, + */ }, show: { solo: true, @@ -50,10 +58,10 @@ Danbooru.PostTooltip.QTIP_OPTIONS = { event: "mouseenter", }, hide: { - delay: 50, + delay: 150, fixed: true, effect: false, - event: "unfocus mouseleave", + event: "unfocus click mouseleave", }, events: { show: Danbooru.PostTooltip.on_show, diff --git a/app/assets/stylesheets/specific/post_tooltips.scss b/app/assets/stylesheets/specific/post_tooltips.scss index 30e19734e..35bbbe019 100644 --- a/app/assets/stylesheets/specific/post_tooltips.scss +++ b/app/assets/stylesheets/specific/post_tooltips.scss @@ -69,6 +69,6 @@ $tooltip-height: 160px; } &.post-tooltip-loading { - display: none !important; + visibility: hidden; } }