Website/interaction.js

@@ -134,21 +134,9 @@ function ResetContent(){
     tasksContent.appendChild(add);
 }
 function ShowPublicationViewerWindow(publicationId, event, add){
-
-
-    //Show popup
-    publicationViewerPopup.style.display = "block";
-    
     //Set position to mouse-position
-    if(event.clientY < window.innerHeight - publicationViewerWindow.offsetHeight)
+    publicationViewerWindow.style.top = `${event.clientY - 60}px`;
-        publicationViewerWindow.style.top = `${event.clientY}px`;
+    publicationViewerWindow.style.left = `${event.clientX}px`;
-    else
-        publicationViewerWindow.style.top = `${event.clientY - publicationViewerWindow.offsetHeight}px`;
-    
-    if(event.clientX < window.innerWidth - publicationViewerWindow.offsetWidth)
-        publicationViewerWindow.style.left = `${event.clientX}px`;
-    else
-        publicationViewerWindow.style.left = `${event.clientX - publicationViewerWindow.offsetWidth}px`;
     
     //Edit information inside the window
     var publication = publications.filter(pub => pub.internalId === publicationId)[0];
@@ -167,6 +155,9 @@ function ShowPublicationViewerWindow(publicationId, event, add){
         publicationAdd.style.display = "none";
         publicationDelete.style.display = "block";
     }
+    
+    //Show popup
+    publicationViewerPopup.style.display = "block";
 }
 
 function HidePublicationPopup(){

Website/style.css

@@ -242,7 +242,7 @@ popup{
     min-height: 100%;
     top: 0;
     left: 0;
-    position: fixed;
+    position: absolute;
     z-index: 2;
 }
 
@@ -342,7 +342,7 @@ addtask-settings addtask-setting{
 
 publication-viewer{
     display: block;
-    width: 450px;
+    width: 500px;
     height: 300px;
     position: absolute;
     top: 200px;