WIP reorganization

legacy/LesionTracker/client/components/viewer/viewer.styl

@@ -0,0 +1,50 @@
+@import "{ohif:design}/app"
+
+#viewer
+  background-color: black
+  height: 100%
+  width: 100%
+
+#imageViewerViewports
+  .viewportContainer
+    border: none !important
+    outline: 0 !important // Prevent blue outline in Chrome
+    position: relative
+
+    &:hover
+    &.active
+    &:hover.active
+      border: none !important
+      outline: 0 !important // Prevent blue outline in Chrome
+
+    .imageViewerViewport
+      theme('border-bottom', '%s solid $uiBorderColor' % $uiBorderThickness)
+
+      canvas
+        border-color: transparent
+        border-style: solid
+        border-width: 1px
+
+    &:not(:last-child)
+      .imageViewerViewport
+        theme('border-right', '%s solid $uiBorderColor' % $uiBorderThickness)
+
+    &:first-child
+      .imageViewerViewport
+        theme('border-left', '%s solid $uiBorderColor' % $uiBorderThickness)
+
+    &.active
+      .imageViewerViewport
+        border-right: none !important
+
+        canvas
+          theme('border-color', '$uiBorderColorActive')
+
+
+.sidebar-left-open
+  #imageViewerViewports
+    .viewportContainer
+      &:first-child
+        .removable
+          .imageViewerViewport
+            border-left: none