Creating a new quick switch template

LesionTracker/client/components/viewer/viewer.styl

@@ -9,6 +9,7 @@
   .viewportContainer
     border: none !important
     outline: 0 !important // Prevent blue outline in Chrome
+    position: relative
 
     &:hover
     &.active
@@ -19,7 +20,7 @@
     .removable
       .imageViewerViewport
         theme('border-bottom', '%s solid $uiBorderColor' % $uiBorderThickness)
-        
+
         canvas
           border-color: transparent
           border-style: solid
@@ -29,17 +30,17 @@
     .removable
       .imageViewerViewport
         theme('border-right', '%s solid $uiBorderColor' % $uiBorderThickness)
-    
+
     &:first-child
       .removable
         .imageViewerViewport
           theme('border-left', '%s solid $uiBorderColor' % $uiBorderThickness)
-        
+
     &.active
       .removable
         .imageViewerViewport
           border-right: none !important
-          
+
           canvas
             theme('border-color', '$uiBorderColorActive')
 
@@ -51,4 +52,4 @@
         &:first-child
           .removable
             .imageViewerViewport
-              border-left: none
+              border-left: none

LesionTracker/client/components/viewerSection/viewerSection.styl

@@ -45,10 +45,16 @@
     flex: 1
     height: 100%
     order: 2
-    overflow: hidden
+    overflow: visible
+    position: relative
     transition($sidebarTransition)
     width: 100%
 
+    .viewerMain
+      left: 0
+      position: absolute
+      top: 0
+
   .sidebar-right
     flex: 1
     margin-right: - $lesionsSidebarMenuWidth