updates

platform/app/public/config/default.js

@@ -316,7 +316,7 @@ window.config = {
           text: 'You can zoom the images using the right click.',
           attachTo: {
             element: '.viewport-element',
-            on: 'top',
+            on: 'left',
           },
           advanceOn: {
             selector: '.cornerstone-viewport-element',
@@ -344,7 +344,7 @@ window.config = {
           text: 'You can modify the window level using the left click.',
           attachTo: {
             element: '.viewport-element',
-            on: 'top',
+            on: 'left',
           },
           advanceOn: {
             selector: '.cornerstone-viewport-element',
@@ -373,7 +373,7 @@ window.config = {
           text: 'Use the length tool on the viewport to measure the length of a region.',
           attachTo: {
             element: '.viewport-element',
-            on: 'top',
+            on: 'right',
           },
           advanceOn: {
             selector: 'body',
@@ -415,7 +415,7 @@ window.config = {
           text: 'Scroll the images using the mouse wheel away from the measurement.',
           attachTo: {
             element: '.viewport-element',
-            on: 'top',
+            on: 'left',
           },
           advanceOn: {
             selector: '.cornerstone-viewport-element',

platform/ui-next/src/components/Onboarding/Onboarding.css

@@ -44,5 +44,5 @@
 }
 
 .shepherd-modal-overlay-container.shepherd-modal-is-visible {
-  @apply !opacity-70
+  @apply !opacity-70;
 }

platform/ui-next/src/components/Onboarding/Onboarding.tsx

@@ -35,8 +35,9 @@ const Onboarding = () => {
       ...matchingTour.tourOptions,
       defaultStepOptions: {
         ...matchingTour.tourOptions?.defaultStepOptions,
-        floatingUIOptions:
-          matchingTour.tourOptions?.defaultStepOptions?.floatingUIOptions || middleware,
+        floatingUIOptions: matchingTour.tourOptions?.defaultStepOptions?.floatingUIOptions || {
+          middleware,
+        },
         when: {
           ...matchingTour.tourOptions?.defaultStepOptions?.when,
           show: