diff options
author | pete <pete@36083f99-b078-4883-b0ff-0f9b5a30f544> | 2008-06-25 18:42:38 +0000 |
---|---|---|
committer | pete <pete@36083f99-b078-4883-b0ff-0f9b5a30f544> | 2008-06-25 18:42:38 +0000 |
commit | 619ac1ee2dd8a3323bdaa6adabc685002991cff9 (patch) | |
tree | a859e24d31f923b3dfdd376f5f2532e181786033 | |
parent | 2d0ceebc979903474e445b04cd2dbe406a8b1f3f (diff) | |
download | elgg-619ac1ee2dd8a3323bdaa6adabc685002991cff9.tar.gz elgg-619ac1ee2dd8a3323bdaa6adabc685002991cff9.tar.bz2 |
widget gallery tooltip positioning and layer issue fixed
git-svn-id: https://code.elgg.org/elgg/trunk@1135 36083f99-b078-4883-b0ff-0f9b5a30f544
-rw-r--r-- | javascript/initialise_elgg.js | 23 | ||||
-rw-r--r-- | views/default/css.php | 1 |
2 files changed, 18 insertions, 6 deletions
diff --git a/javascript/initialise_elgg.js b/javascript/initialise_elgg.js index 171874963..e19515f18 100644 --- a/javascript/initialise_elgg.js +++ b/javascript/initialise_elgg.js @@ -211,12 +211,23 @@ function widget_moreinfo() { var widgetdescription = $("input[@name='description']", this.parentNode.parentNode.parentNode ).attr('value'); - $("body").append("<p id='widget_moreinfo'><b>"+ widgetdescription +" </b><br />and there is room for a slightly <br />longer description spanning <br />several lines.</p>"); - - $("#widget_moreinfo") - .css("top",(e.pageY + 10) + "px") - .css("left",(e.pageX + 10) + "px") - .fadeIn("medium"); + $("body").append("<p id='widget_moreinfo'><b>"+ widgetdescription +" </b></p>"); + + // alert('e.pageX = '+e.pageX); + + if (e.pageX < 900) { + $("#widget_moreinfo") + .css("top",(e.pageY + 10) + "px") + .css("left",(e.pageX + 10) + "px") + .fadeIn("medium"); + } + else { + $("#widget_moreinfo") + .css("top",(e.pageY + 10) + "px") + .css("left",(e.pageX - 210) + "px") + .fadeIn("medium"); + } + }, function() { $("#widget_moreinfo").remove(); diff --git a/views/default/css.php b/views/default/css.php index 90a9e6424..ef2ff0a9f 100644 --- a/views/default/css.php +++ b/views/default/css.php @@ -342,6 +342,7 @@ h6 { font-size: 0.8em; } color:#333333; padding:5px; display:none; + width: 200px; } .droppable-active { |