Project

General

Profile

Actions
Copy link

Feature #37822

open

Reduce delay in displaying tooltips with icon-only links

Added by Mizuki ISHIKAWA over 2 years ago. Updated over 2 years ago.

Status:
New
Priority:
Normal
Assignee:
-
Category:
UI
Target version:
-
Start date:
Due date:
% Done:

0%

Estimated time:
Resolution:

Description

Redmine has the feature to display a tooltip when you hover over an element with a title.
However, this tooltip is not displayed easily because the delay is set to 400.
I would like to reduce the delay, especially for links and buttons that only display icons that require explanation.

Files

Download all files
tooltip.png (76.8 KB) tooltip.png Mizuki ISHIKAWA, 2022-10-25 04:35
sample.gif (382 KB) sample.gif Mizuki ISHIKAWA, 2022-10-25 04:36
Actions
Copy link
 #1

Updated by Mizuki ISHIKAWA over 2 years ago

This code sets the delay to 30 for .icon-only.

diff --git a/public/javascripts/application.js b/public/javascripts/application.js
index 4d039cde12..811b8f03bd 100644
--- a/public/javascripts/application.js
+++ b/public/javascripts/application.js
@@ -1109,7 +1109,16 @@ function setupWikiTableSortableHeader() {
 }

 $(function () {
-  $("[title]:not(.no-tooltip)").tooltip({
+  $(".icon-only[title]:not(.no-tooltip)").tooltip({
+    show: {
+      delay: 30
+    },
+    position: {
+      my: "center bottom-5",
+      at: "center top" 
+    }
+  });
+  $(":not(.icon-only)[title]:not(.no-tooltip)").tooltip({
     show: {
       delay: 400
     },

Actions
Copy link

Also available in: Atom PDF