Show elements titles using jQuery UI tooltips (#31441).

Patch by Marius BALTEANU.

git-svn-id: http://svn.redmine.org/redmine/trunk@18260 e93f8b46-1217-0410-a6f0-8f06a7374b81

diff --git a/public/javascripts/application.js b/public/javascripts/application.js
index 25dc501eaf8b5ababed3cf1c88f1fabd5b942d9e..cf74818a76b95b72cda79f382cdc17f0d1a4ae80 100644 (file)
--- a/public/javascripts/application.js
+++ b/public/javascripts/application.js
@@ -934,6 +934,17 @@ function setupAttachmentDetail() {
   $(window).resize(setFilecontentContainerHeight);
 }
 
+$(function () {
+    $('[title]').tooltip({
+        show: {
+          delay: 400
+        },
+        position: {
+          my: "center bottom-5",
+          at: "center top"
+        }
+    });
+});
 $(document).ready(setupAjaxIndicator);
 $(document).ready(hideOnLoad);
 $(document).ready(addFormObserversForDoubleSubmit);

diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css
index a4c77d1188a1bcbf3bb33722220749c88ae38731..f3b74f81a613c1d3a160598826eb411917b910c7 100644 (file)
--- a/public/stylesheets/application.css
+++ b/public/stylesheets/application.css
@@ -1405,6 +1405,16 @@ td.gantt_selected_column .gantt_hdr,.gantt_selected_column_container {
   color: #1D781D;
   border: 1px solid #1D781D;
 }
+/***** Tooltips *****/
+.ui-tooltip {
+  background: #000;
+  color: #fff;
+  font-size: 0.9em;
+  border-radius: 3px;
+  border: 0;
+  box-shadow: none
+}
+
 /***** Icons *****/
 .icon {
   background-position: 0% 50%;