diff --git a/src/public/javascripts/services/note_tooltip.js b/src/public/javascripts/services/note_tooltip.js index 5e87a853f..cffa0a2db 100644 --- a/src/public/javascripts/services/note_tooltip.js +++ b/src/public/javascripts/services/note_tooltip.js @@ -8,7 +8,7 @@ function setupGlobalTooltip() { $(document).on("mouseleave", "a", mouseLeaveHandler); // close any tooltip after click, this fixes the problem that sometimes tooltips remained on the screen - $(document).on("click", () => $('.tooltip').remove()); + //$(document).on("click", () => $('.tooltip').remove()); } function setupElementTooltip($el) { diff --git a/src/public/javascripts/services/search_notes.js b/src/public/javascripts/services/search_notes.js index e26f5e821..725a9278f 100644 --- a/src/public/javascripts/services/search_notes.js +++ b/src/public/javascripts/services/search_notes.js @@ -16,6 +16,17 @@ const $closeSearchButton = $("#close-search-button"); function showSearch() { $searchBox.slideDown(); $searchInput.focus(); + + $searchBox.tooltip({ + trigger: 'focus', + html: true, + title: 'Hello! google', + placement: 'right', + delay: { + show: 500, // necessary because sliding out may cause wrong position + hide: 500 + } + }); } function hideSearch() { diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css index 9876919de..2ceb8bc4b 100644 --- a/src/public/stylesheets/style.css +++ b/src/public/stylesheets/style.css @@ -685,9 +685,9 @@ table.promoted-attributes-in-tooltip td, table.promoted-attributes-in-tooltip th } /* this should help with tooltip flickering */ -.tooltip { - pointer-events: none; -} +/*.tooltip {*/ +/* pointer-events: none;*/ +/*}*/ .tooltip-inner { background-color: var(--accented-background-color) !important; diff --git a/src/views/desktop.ejs b/src/views/desktop.ejs index ffca1dc4e..0a3e1bd17 100644 --- a/src/views/desktop.ejs +++ b/src/views/desktop.ejs @@ -107,7 +107,8 @@