diff --git a/LesionTracker/client/components/viewer/viewer.styl b/LesionTracker/client/components/viewer/viewer.styl index 13037282e..aa0e9dbfa 100644 --- a/LesionTracker/client/components/viewer/viewer.styl +++ b/LesionTracker/client/components/viewer/viewer.styl @@ -17,39 +17,34 @@ border: none !important outline: 0 !important // Prevent blue outline in Chrome - .removable - .imageViewerViewport - theme('border-bottom', '%s solid $uiBorderColor' % $uiBorderThickness) + .imageViewerViewport + theme('border-bottom', '%s solid $uiBorderColor' % $uiBorderThickness) - canvas - border-color: transparent - border-style: solid - border-width: 1px + canvas + border-color: transparent + border-style: solid + border-width: 1px &:not(:last-child) - .removable .imageViewerViewport theme('border-right', '%s solid $uiBorderColor' % $uiBorderThickness) &:first-child - .removable - .imageViewerViewport - theme('border-left', '%s solid $uiBorderColor' % $uiBorderThickness) + .imageViewerViewport + theme('border-left', '%s solid $uiBorderColor' % $uiBorderThickness) &.active - .removable - .imageViewerViewport - border-right: none !important + .imageViewerViewport + border-right: none !important - canvas - theme('border-color', '$uiBorderColorActive') + canvas + theme('border-color', '$uiBorderColorActive') .sidebar-left-open - #layoutManagerTarget - #imageViewerViewports - .viewportContainer - &:first-child - .removable - .imageViewerViewport - border-left: none + #imageViewerViewports + .viewportContainer + &:first-child + .removable + .imageViewerViewport + border-left: none diff --git a/OHIFViewer/client/components/flexboxLayout/flexboxLayout.styl b/OHIFViewer/client/components/flexboxLayout/flexboxLayout.styl index 5e960717a..1617f5875 100644 --- a/OHIFViewer/client/components/flexboxLayout/flexboxLayout.styl +++ b/OHIFViewer/client/components/flexboxLayout/flexboxLayout.styl @@ -5,7 +5,7 @@ flex: 1 flex-flow: row nowrap align-items: stretch - height: 'calc(100% - %s)' % ($toolbarHeight + $topBarHeight) + height: 'calc(100% - %s)' % ($toolbarHeight) width: 100% .sidebarMenu diff --git a/Packages/ohif-viewerbase/client/components/viewer/CornerstoneViewport.css b/Packages/ohif-viewerbase/client/components/viewer/CornerstoneViewport.css index b66d1c38a..c8838e0ec 100644 --- a/Packages/ohif-viewerbase/client/components/viewer/CornerstoneViewport.css +++ b/Packages/ohif-viewerbase/client/components/viewer/CornerstoneViewport.css @@ -1,4 +1,5 @@ .CornerstoneViewport { width: 100%; height: 100%; + position: relative; /*Necessary so that the viewportOverlay is on top of the viewports */ } diff --git a/Packages/ohif-viewerbase/client/components/viewer/CornerstoneViewport.js b/Packages/ohif-viewerbase/client/components/viewer/CornerstoneViewport.js index 0b6101b06..7197f5a83 100644 --- a/Packages/ohif-viewerbase/client/components/viewer/CornerstoneViewport.js +++ b/Packages/ohif-viewerbase/client/components/viewer/CornerstoneViewport.js @@ -54,6 +54,7 @@ class CornerstoneViewport extends Component { // Get stack from Stack Manager const stack = StackManager.findOrCreateStack(study, displaySet); + stack.currentImageIdIndex = 0; // TODO: Allow viewport as a prop this.state = { @@ -61,7 +62,7 @@ class CornerstoneViewport extends Component { displaySetInstanceUid, imageId: stack.imageIds[0], viewportHeight: '100%', - isLoading: true, + isLoading: false,//true, imageScrollbarValue: 0, numImagesLoaded: 0 }; @@ -87,10 +88,10 @@ class CornerstoneViewport extends Component { ); this.loadHandlerTimeout = 25; - loadHandlerManager.setStartLoadHandler(this.startLoadingHandler); - loadHandlerManager.setEndLoadHandler(this.doneLoadingHandler); + //loadHandlerManager.setStartLoadHandler(this.startLoadingHandler); + //loadHandlerManager.setEndLoadHandler(this.doneLoadingHandler); - this.debouncedResize = _.debounce(() => { + this.debouncedResize = debounce(() => { cornerstone.resize(this.element, true); this.setState({ @@ -190,6 +191,8 @@ class CornerstoneViewport extends Component { this.setState({ viewport }); + + debugger; } onNewImage() { @@ -348,8 +351,6 @@ class CornerstoneViewport extends Component { this.setState({ viewportHeight: `${this.element.clientHeight - 20}px` }); - - this.doneLoadingHandler(); }); } @@ -450,6 +451,8 @@ class CornerstoneViewport extends Component { isTouchActive: true }); } + + cornerstone.resize(this.element); } setActiveTool = activeTool => { diff --git a/Packages/ohif-viewerbase/client/components/viewer/GridLayout/GridLayout.js b/Packages/ohif-viewerbase/client/components/viewer/GridLayout/GridLayout.js index e238d061c..4d2478f30 100644 --- a/Packages/ohif-viewerbase/client/components/viewer/GridLayout/GridLayout.js +++ b/Packages/ohif-viewerbase/client/components/viewer/GridLayout/GridLayout.js @@ -83,9 +83,7 @@ class GridLayout extends Component { }; const cornerstoneViewport = (data) => ( -