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

Fixing popover orientation so it is not off-screen

Browse Source
This commit is contained in:
Zsolt
2017-10-09 11:40:57 +02:00
parent ea6f561c96
commit b38ee33e5a
1 changed files with 31 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/Umbraco.Web.UI.Client/src/common/directives/components/application/umbtour.directive.js
View File

@@ -141,6 +141,9 @@
var css = {}; var css = {};
console.log("SPACE", space); console.log("SPACE", space);
console.log("document width", documentWidth);
console.log("document height", documentHeight);
// If no specific position is set - find the position with most available space // If no specific position is set - find the position with most available space
@@ -161,19 +164,43 @@
} }
if(position === "top") { if(position === "top") {
css = {top: offset.top - popoverHeight, left: offset.left};
if (offset.left < documentWidth/2) {
css = {top: offset.top - popoverHeight, left: offset.left};
} else {
css = {top: offset.top - popoverHeight, left: offset.left - popoverWidth + width};
}
} }
if(position === "right") { if(position === "right") {
css = {top: offset.top, left: offset.left + width};
if (offset.top < documentHeight/2) {
css = {top: offset.top, left: offset.left + width};
} else {
css = {top: offset.top + height - popoverHeight, left: offset.left + width};
}
} }
if(position === "bottom") { if(position === "bottom") {
css = {top: offset.top + height, left: offset.left};
if (offset.left < documentWidth/2) {
css = {top: offset.top + height, left: offset.left};
} else {
css = {top: offset.top + height, left: offset.left - popoverWidth + width};
}
} }
if(position === "left") { if(position === "left") {
css = {top: offset.top, left: offset.left - popoverWidth};
if (offset.top < documentHeight/2) {
css = {top: offset.top, left: offset.left - popoverWidth};
} else {
css = {top: offset.top + height - popoverHeight, left: offset.left - popoverWidth};
}
} }
popover.css(css); popover.css(css);