Tooltip: Position below the element and set a max width of 300px to more closely...

diff --git a/themes/base/jquery.ui.tooltip.css b/themes/base/jquery.ui.tooltip.css
index e293eeb23e1f579e4213e5f7404e489a190aa375..acc39a002160ea8781e6af9319d59f3cfa621467 100644 (file)
--- a/themes/base/jquery.ui.tooltip.css
+++ b/themes/base/jquery.ui.tooltip.css
@@ -10,6 +10,7 @@
        padding:8px;
        position:absolute;
        z-index:9999;
+       max-width: 300px;
        -o-box-shadow: 0 0 5px #aaa;
        -moz-box-shadow: 0 0 5px #aaa;
        -webkit-box-shadow: 0 0 5px #aaa;

diff --git a/ui/jquery.ui.tooltip.js b/ui/jquery.ui.tooltip.js
index a04b8428936f00733bb7a801c22b20bbe05c180b..4a17f1f20f87857fcfa5a88158e85bd8c0bfba9d 100644 (file)
--- a/ui/jquery.ui.tooltip.js
+++ b/ui/jquery.ui.tooltip.js
@@ -52,8 +52,8 @@ $.widget( "ui.tooltip", {
                // Disabled elements have inconsistent behavior across browsers (#8661)
                items: "[title]:not([disabled])",
                position: {
-                       my: "left+15 center",
-                       at: "right center",
+                       my: "left top+15",
+                       at: "left bottom",
                        collision: "flipfit flipfit"
                },
                show: true,