LT-352: Fixing Non-Target dialog positioning

Packages/ohif-core/client/ui/dialog/spatial.js

@@ -0,0 +1,30 @@
+import { OHIF } from 'meteor/ohif:core';
+
+OHIF.ui.repositionDialog = ($modal, x, y) => {
+    const $dialog = $modal.find('.modal-dialog');
+
+    // Remove the margins and set its position as fixed
+    $dialog.css({
+        margin: 0,
+        position: 'fixed'
+    }).bounded();
+
+    // Temporarily show the modal
+    const isVisible = $modal.is(':visible');
+    $modal.show();
+
+    // Calculate the center position on screen
+    const height = $dialog.outerHeight();
+    const width = $dialog.outerWidth();
+    const left = parseInt(x - (width / 2));
+    const top = parseInt(y - (height / 2));
+
+    // Reposition the modal and readjust it to the window boundaries if needed
+    $dialog.css({
+        left,
+        top
+    }).trigger('spatialChanged');
+
+    // Switch the modal to its previous visibility state
+    $modal.toggle(isVisible);
+};

Packages/ohif-core/client/ui/index.js

@@ -1,5 +1,6 @@
 import './bounded/bounded.js';
 import './dialog/form.js';
+import './dialog/spatial.js';
 import './draggable/draggable.js';
 import './dropdown/form.js';
 import './resizable/resizable.js';