yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix tooltip so it does not get cut off by tree

Browse Source
This commit is contained in:
Mads Rasmussen
2016-01-12 11:38:07 +01:00
parent 87aeaa8afc
commit 61f6ee4436
1 changed files with 24 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/Umbraco.Web.UI.Client/src/common/directives/components/umbtooltip.directive.js
View File

@@ -19,8 +19,12 @@
function setTooltipPosition(event) {
var viewportWidth = null;
var viewportHeight = null;
var container = $("#contentwrapper");
var containerLeft = container[0].offsetLeft;
var containerRight = containerLeft + container[0].offsetWidth;
var containerTop = container[0].offsetTop;
var containerBottom = containerTop + container[0].offsetHeight;
var elementHeight = null;
var elementWidth = null;
@@ -31,10 +35,6 @@
bottom: "inherit"
};
// viewport size
viewportWidth = $(window).innerWidth();
viewportHeight = $(window).innerHeight();
// element size
elementHeight = el.context.clientHeight;
elementWidth = el.context.clientWidth;
@@ -44,19 +44,33 @@
// check to see if element is outside screen
// outside right
if (position.left + elementWidth > viewportWidth) {
position.right = 0;
if (position.left + elementWidth > containerRight) {
position.right = 10;
position.left = "inherit";
}
// outside bottom
if (position.top + elementHeight > viewportHeight) {
position.bottom = 0;
if (position.top + elementHeight > containerBottom) {
position.bottom = 10;
position.top = "inherit";
}
// outside left
if (position.left < containerLeft) {
position.left = containerLeft + 10;
position.right = "inherit";
}
// outside top
if (position.top < containerTop) {
position.top = 10;
position.bottom = "inherit";
}
scope.tooltipStyles = position;
el.css(position);
}
activate();